WooCommerce: Reviews section style enhancements

Author: georgeolaru

dist/css/woocommerce/style-rtl.css

@@ -105,15 +105,14 @@
 }
 
 .picker__frame {
-    // --font-size: 16px;
 
     .picker__box {
 
     }
 
     .picker__table {
         margin-top: 0;
-        
+
         thead {
             border: none;
         }

dist/css/woocommerce/style.css

@@ -20,7 +20,6 @@
     label {
         @include label;
         display: block;
-        --font-size-modifier: 0.9;
     }
 
     input[type="checkbox"] {
@@ -33,18 +32,18 @@
 }
 
 .comment-notes {
-    font-size: 85%;
+    --font-size-modifier: 0.85;
 }
 
 .comment-form-author,
 .comment-form-email {
-    flex: 0 0 47%;
+    flex: 0 0 48%;
 }
 
 @include above(lap) {
     .comment-form-subscriptions,
     .comment-form .form-submit {
-        flex: 0 0 47%;
+        // flex: 0 0 47%;
     }
 
     .comment-form .form-submit {

src/scss/blocks/nova-blocks/opentable-reservation/_style.scss

@@ -1,10 +1,11 @@
 .comment-reply-title[class] {
     margin-bottom: var(--theme-spacing-normal);
+
+    @include apply-font(heading-3);
 }
 
 .comment-reply-title {
     small {
         font: inherit;
-
     }
 }

src/scss/components/comments/_comment-form.scss

@@ -46,18 +46,32 @@ $assets-folder-path: '../../../assets';
   }
 }
 
-.woocommerce #review_form #respond [id="commentform"] {
-  @include space-children-y(var(--theme-spacing));
+.woocommerce  {
+  #review_form {
+    #respond {
 
-  > p {
-    margin-bottom: 0;
-  }
+      [id="commentform"] {
+        @include space-children-y(var(--theme-spacing));
 
-  > .form-submit {
-    margin-left: auto;
-  }
+        > p {
+          margin-bottom: 0;
+        }
+
+        > .form-submit {
+          margin-left: auto;
+
+          .submit {
+              @include button;
+              @include button-fill(false);
+          }
+        }
+      }
+    }
+  }  
 }
 
+
+
 .comment-form-rating .stars > span {
   display: flex;
 }
@@ -67,6 +81,22 @@ $assets-folder-path: '../../../assets';
 }
 
 .woocommerce {
+  p.stars {
+
+    > span {
+      gap: 0.25em; 
+    }
+
+    a {
+      width: 1.5em;
+      height: 1.5em;
+    }
+
+    a:before {
+      font-size: 1.5em;
+    }
+  }
+
   .star-rating {
     float: none;