content and edit record

front/sass/_table.scss

@@ -5,25 +5,26 @@
     padding: 20px;
     background: var(--background);
     filter: brightness(97%);
+    font-size: 14px;
     table {
         width: 100%;
 
     }
     th {
-        font-size: 15px;
+        font-size: 14px;
         font-weight: normal;
         white-space: nowrap;
         max-width: 400px;
-        // height: 34px;
+        text-align: left;
         padding: 8px 16px;
-        // border-bottom: 1px solid #ccc;
+        background: var(--background);
+        filter: brightness(90%);
         &.is-sort {
-            background-color: rgba($primary, 0.1);
+           font-weight: 700;
         }
     }
 
     td {
-        font-size: 15px;
         font-weight: normal;
         white-space: nowrap;
         max-width: 400px;
@@ -31,9 +32,7 @@
         padding: 4px 16px;
 
         overflow: hidden;
-        &.is-sort {
-            background-color: rgba($primary, 0.1);
-        }
+
 
         img{
             width: 48px;
@@ -48,8 +47,20 @@
             align-items: center;
             gap: 6px;
         }
+
+        .title-td-contents{
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            font-size: 14px;
+            line-height: 14px;
+        }
     }
     tr {
+        background: var(--background);
+        &:has(input:checked){
+            filter: brightness(90%);
+        }
         &:hover {
             box-shadow: inset 0em 0em 0em 10em rgba(0, 0, 0, 0.1);
         }
@@ -64,8 +75,7 @@
         // border-right: 1px solid #e4e4e4;
     }
     th:nth-child(odd) {
-        border-left: 1px solid #e4e4e4;
-        border-right: 1px solid #e4e4e4;
+
     }
 
     .field-ui-number {