Style changed to fix the woocommerce checkout captcha area

diff --git a/scss/_main.scss b/scss/_main.scss
index 8d1970b..448e2f2 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -76,6 +76,10 @@ main.page-inside {
     #main-content {
         padding-right: 42px;
         padding-left: 42px;
+        @media #{$small-only} {
+            padding-right: 6%;
+            padding-left: 6%;
+        }
     }
     ul {
 //        list-style: none;

diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss
index d2df4d9..3c9cfc7 100644 (file)
--- a/scss/plugins/_woocommerce.scss
+++ b/scss/plugins/_woocommerce.scss
@@ -432,6 +432,28 @@ h1.product_title {
     max-width: 3.631em;
     text-align: center;
 }
+body {
+    .woocommerce #payment .terms, 
+    .woocommerce #payment .wc-terms-and-conditions, 
+    .woocommerce-page #payment .terms, 
+    .woocommerce-page #payment .wc-terms-and-conditions {
+        float: none;
+        text-align: center;
+        padding: 10px;
+    }
+    .woocommerce-checkout #payment div.form-row {
+        padding: 0;
+    }
+    .g-recaptcha > div {
+        margin: 0 auto;
+    }
+    .woocommerce #payment #place_order {
+        float: none;
+        margin: 10px auto;
+        display: block;
+        max-width: 130px;
+    }
+}
 #payment .payment_methods  {
     .form-row.place-order {
         text-align: center;