fix for footer css

rupato-deriv · rupato-deriv · commit 1724ec3a613e · 2022-06-14T16:29:19.000+08:00
diff --git a/src/indexPage/react-components/bot-landing/Footer.jsx b/src/indexPage/react-components/bot-landing/Footer.jsx
@@ -32,7 +32,7 @@ const Footer = () => (
                     <p>{translate('Deriv Limited — 13 Castle Street, St. Helier, JE2 3BT, Jersey — is the holding company for the above subsidiaries.')}</p>
                     <p>{translate('This website\'s services are not available in certain countries, including the USA, Canada, and Hong Kong, or to persons below 18.')}</p>
                 </div>
-                <div className='about-trade-wrapper-info-trade'>
+                <div className='about-trade-wrapper-inner-info-trade'>
                     <p>{translate('CFDs are considered complex derivatives and may not be suitable for retail clients. CFDs are complex instruments and come with a high risk of losing money rapidly due to leverage. You should consider whether you understand how CFDs work and whether you can afford to take the high risk of losing your money. The products mentioned here may be affected by changes in currency exchange rates. If you invest in these products, you may lose some or all of your investment, and the value of your investment may fluctuate. You should never invest money that you cannot afford to lose and never trade with borrowed money.')}</p>
                     <p>{translate('Before trading in the complex financial products offered, please be sure to understand the risks involved and learn about ')}<b>{translate('Secure and responsible trading.')}</b></p>
                 </div>
diff --git a/static/css/_landing.scss b/static/css/_landing.scss
@@ -576,6 +576,22 @@ $header-color : #333333;
       }
 
     }
+        &-info{
+          &-location {
+              font: 400 1rem $font-IBM;
+            }
+          
+            &-trade {
+              padding: 1rem;
+              background: rgba(87, 122, 146, 0.04);
+              font: 400 1rem $font-IBM;
+              box-shadow: inset 4px 0px 0px rgba(255, 68, 79, 0.64);
+          
+              @include for-size(mobile) {
+                box-shadow: inset 0px 4px 0px rgba(255, 68, 79, 0.64);
+              }
+            }
+        }
 
   }
 
@@ -602,20 +618,7 @@ $header-color : #333333;
     }
   }
 
-  &-location-info {
-    font: 400 1rem $font-IBM;
-  }
-
-  &-trade-info {
-    padding: 1rem;
-    background: rgba(87, 122, 146, 0.04);
-    font: 400 1rem $font-IBM;
-    box-shadow: inset 4px 0px 0px rgba(255, 68, 79, 0.64);
-
-    @include for-size(mobile) {
-      box-shadow: inset 0px 4px 0px rgba(255, 68, 79, 0.64);
-    }
-  }
+  
 }
 
 
