update marketing page

assets/script/pc_style.scss

@@ -484,18 +484,16 @@ a {
     }
     .icon-close {
         position: absolute;
-        top: 12px;
-        right: -30px;
-        height: 34px;
-        width: 30px;
+        top: 0;
+        right: -40px;
+        width: 40px;
         display: block;
         background-color: rgb(0 78 153 / var(--tw-bg-opacity));
         i {
             display: block;
             margin: 0 auto;
             text-align: center;
-            margin-top: 6px;
-            line-height: 20px;
+            line-height: 40px;
         }
     }
 }
@@ -623,8 +621,8 @@ input[type="radio"] {
         border-radius: 100%;
         border: 1.5px solid #0041e8;
         display: inline-block;
-        width: 20px;
-        height: 20px;
+        width: 18px;
+        height: 18px;
         position: relative;
         top: -0.2em;
         margin-right: 1em;
@@ -637,7 +635,7 @@ input[type="radio"] {
     &:checked {
         &:before {
             background-color: #0041e8;
-            box-shadow: inset 0 0 0 4px #fff;
+            box-shadow: inset 0 0 0 3px #fff;
         }
     }
     &:focus {
@@ -782,6 +780,9 @@ input[type="radio"] {
             &:nth-child(10) {
                 text-align: left;
             }
+            * {
+                display: inline-block;
+            }
         }        
     }
 }
@@ -804,13 +805,14 @@ input[type="radio"] {
             padding: 8px;
         }
     }
+    tr{
+        &:hover{
+            background: #F5F7FF;
+        }
+    }
     td {
         padding: 10px;
-        border: 1px solid #ececec;
-        text-transform: capitalize;
-        * {
-            display: inline-block;
-        }
+        border: 1px solid #ececec;        
     }
     select {
         border-radius: 4px;
@@ -838,6 +840,17 @@ input[type="radio"] {
         background-position: -145px -82px;
     }
 }
+.td-top{
+    td{
+        vertical-align: top;
+    }
+}
+.td-border-0{
+    td{
+        border: 0;
+        padding: 3px 0;
+    }
+}
 .order-detail-page{
     .icon-edit {
         border: transparent;
@@ -897,12 +910,6 @@ input[type="radio"] {
         }
     }
 }
-.marketing-coupon-page {
-    .order-page-table td {
-        vertical-align: top;
-    }
-}
-
 .table-brand {
     th {
         padding: 7px 5px;