_tab.scss in askclass-course-theme-0.2.0

- old
+ new

@@ -49,12 +49,14 @@
   text-align: right;
   small {
     display: block;
     font-size: 12px;
   }
-  .material-symbols-outlined {
-    font-size: 24px;
+  &.material-symbols-outlined {
+    font-family: 'Material Symbols Outlined';
+    line-height: 0.7;
+    font-size: 37px;
   }
 }
 
 .header {
   margin: 4px 50px 0 5px;
@@ -72,23 +74,29 @@
   }
 }
 
 .body {
   flex-grow: 2;
-  padding: 0 10px;
+  padding: 10px;
   overflow: hidden;
   text-align: left;
   h2 {
     word-break: break-word;
     margin-top: 10px;
     line-height: 2.4rem;
   }
+  h4 {
+    color: inherit;
+    margin: 5px 0;
+  }
+  .item:not(:first-child) {
+    border-top: 3px outset;
+  }
   .item {
     margin-bottom: 20px;
     text-align: left;
     font-size: $size-font;
-    border-top: 3px outset;
     line-height: normal;
     h3 {
       margin: 3px 5px 0 5px;
       color: $color-fg;
     }
@@ -96,12 +104,16 @@
       display: flex;
       align-items: center;
       border-radius: 5px;
       margin: 0 3px;
       padding: 2px 5px;
+      width: fit-content;
       .material-symbols-outlined {
         font-size: 1.3em;
         font-variation-settings: 'FILL' 1;
+      }
+      &.past {
+        background-color: var(--darkColor);
       }
     }
   }
   pre, code {
     color: inherit;