Giao dien hoan chinh 6/6

demo-ten_mau-stt_mau/scss/mobile_css.css

@@ -12,6 +12,7 @@ body {
   word-break: break-word;
   counter-reset: section;
   overflow: auto;
+  -webkit-text-size-adjust: 100%;
 }
 
 a {

demo-ten_mau-stt_mau/scss/mobile_css.scss

@@ -12,6 +12,7 @@ body{
     word-break: break-word;
     counter-reset: section;
     overflow: auto;
+    -webkit-text-size-adjust: 100%;
 }
 a{
     text-decoration: none;

demo-ten_mau-stt_mau/scss/pc_style.css

@@ -8,6 +8,7 @@ body {
   word-break: break-word;
   counter-reset: section;
   font-weight: 400;
+  -webkit-text-size-adjust: 100%;
 }
 
 .bg-grey {

demo-ten_mau-stt_mau/scss/pc_style.scss

@@ -8,6 +8,7 @@ body{
     word-break: break-word;
     counter-reset: section;
     font-weight: 400;  
+    -webkit-text-size-adjust: 100%;  
 }
 .bg-grey{
     background: #F8F8F8;

demo-thoitrang-1/index.html

@@ -669,6 +669,19 @@
                     <a href="javascript:void(0)" class="pd-form-btn" onclick="$('#js-form-group').toggle();">VIẾT BÀI ĐÁNH GIÁ</a>
 
                     <div class="pd-form-group" id="js-form-group">
+                        <div class="rating-holder">
+                            <p>Đánh giá:</p>
+                            <div class="rating" id="select-rate-pro">
+                                <div class="rating-selection">
+                                    <label class="active"><input type="radio" value="5" checked=""></label>
+                                    <label><input type="radio" value="4"></label>
+                                    <label><input type="radio" value="3"></label>
+                                    <label><input type="radio" value="2"></label>
+                                    <label><input type="radio" value="1"></label>
+                                </div>
+                            </div>
+                        </div>
+                        
                         <textarea placeholder="Nội dung bình luận"></textarea>
                         <input type="text" placeholder="Họ tên"/>
                         <input type="text" placeholder="Email"/> 
@@ -925,7 +938,7 @@
                 <button type="button" class="icons icon-right"></button>
             </div>
 
-            <a href="/" style="color: #000;font-size: 16px;font-weight: 500;">TIẾP TỤC MUA SẮM</a>
+            <a href="/" style="color: #000;font-size: 16px;font-weight: 500;" class="btn-back-home">TIẾP TỤC MUA SẮM</a>
         </div>
 
         <div class="col-4">
@@ -1148,16 +1161,13 @@
                         <span>212.500</span><u>₫</u>
                     </td>
                 </tr>
-
-                <tr class="cart-btn-group">
-                    <td>
-                        <a href="/">Tiếp tục mua sắm</a>
-                    </td>
-                    <td align="right">
-                        <button type="submit">HOÀN TẤT ĐƠN HÀNG</button>
-                    </td>
-                </tr>
             </table>
+
+            <div class="cart-btn-group">                
+                <button type="submit">HOÀN TẤT ĐƠN HÀNG</button>
+                
+                <a href="/">Tiếp tục mua sắm</a>
+            </div>
         </div>
     </form>
 </div>

demo-thoitrang-1/scss/pc_style.css

@@ -8,6 +8,7 @@ body {
   word-break: break-word;
   counter-reset: section;
   font-weight: 400;
+  -webkit-text-size-adjust: 100%;
 }
 
 .bg-grey {
@@ -197,7 +198,7 @@ iframe {
   color: #FE7801;
 }
 
-.color-main, .global-breadcrumb li:last-child a, .p-item:hover a {
+.color-main, .p-item:hover a {
   color: #FF0000;
 }
 
@@ -2305,6 +2306,54 @@ iframe {
   font-size: 15px;
 }
 
+.rating-selection {
+  display: inline-block;
+}
+
+.rating-selection .title {
+  float: right;
+  margin-right: 10px;
+}
+
+.rating-selection label {
+  float: right;
+}
+
+.rating-selection input {
+  opacity: 0;
+}
+
+.rating-selection label {
+  position: relative;
+  float: right;
+  display: block;
+  width: 17px;
+  height: 17px;
+  background: url("../images/star_rating.png") 0 -28px;
+  margin: 0 3px;
+}
+
+.rating-selection label.active, .rating-selection label.active ~ label {
+  background-position: 0 18px;
+}
+
+.rating-selection label:hover ~ label, .rating-selection label:hover {
+  background-position: 0 0 !important;
+}
+
+.pd-comment-container .rating-holder {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.pd-comment-container .rating-holder p {
+  margin: 0 10px 0 0;
+}
+
 .pd-comment-container .box-title-group {
   padding: 0;
 }
@@ -2805,6 +2854,7 @@ iframe {
   font-size: 16px;
   width: 100%;
   max-width: 190px;
+  border: 0;
 }
 
 .cart-step-2 .payment-item {
@@ -2904,8 +2954,17 @@ iframe {
   padding: 15px 0;
 }
 
-.cart-summary-group .cart-btn-group td {
+.cart-summary-group .cart-btn-group {
-  border: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  margin: 10px 0;
 }
 
 .cart-summary-group .cart-btn-group a {
@@ -2916,6 +2975,9 @@ iframe {
 }
 
 .cart-summary-group .cart-btn-group button {
+  -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+          order: 1;
   height: 44px;
   color: #fff;
   background-color: #000;

demo-thoitrang-1/scss/pc_style.scss

@@ -8,6 +8,7 @@ body{
     word-break: break-word;
     counter-reset: section;
     font-weight: 400;    
+    -webkit-text-size-adjust: 100%;
 }
 .bg-grey{
     background: #F8F8F8;
@@ -372,9 +373,6 @@ iframe {
             &::after{
                 content: none;
             }
-            a{
-                @extend .color-main;
-            }
         }
     }
     h1{
@@ -1630,7 +1628,16 @@ iframe {
     }    
     
 }
+.rating-selection{display:inline-block;}
+.rating-selection .title{float:right;margin-right:10px;}
+.rating-selection label{float:right;}
+.rating-selection input{opacity:0;}
+.rating-selection label{position:relative;float:right;display:block;width:17px;height:17px;background:url('../images/star_rating.png') 0 -28px;margin:0 3px;}
+.rating-selection label.active,.rating-selection label.active ~ label{background-position:0 18px;}
+.rating-selection label:hover ~ label,.rating-selection label:hover{background-position:0 0 !important;}
 .pd-comment-container {
+    .rating-holder {display: flex;align-items: center;}
+    .rating-holder p {margin: 0 10px 0 0;}
     .box-title-group {
         padding: 0;
         p {            
@@ -2017,6 +2024,7 @@ iframe {
             font-size: 16px;
             width: 100%;
             max-width: 190px;
+            border: 0;
         }
     }
     .payment-item{
@@ -2097,9 +2105,10 @@ iframe {
         padding: 15px 0;
     }
     .cart-btn-group{
-        td{
+        display: flex;
-            border: 0;
+        align-items: center;
-        }
+        justify-content: space-between;
+        margin: 10px 0;
         a{
             font-weight: 500;
             font-size: 16px;
@@ -2107,6 +2116,7 @@ iframe {
             text-transform: uppercase;                       
         }
         button{
+            order: 1;
             height: 44px;
             color: #fff;
             background-color: #000;