all: Aggiunte varie feature e riscritte svariate cose

client/styles/main.scss

@@ -150,7 +150,7 @@ button {
 
     &:disabled {
         cursor: default;
-        opacity: 0.6;
+        opacity: 0.4;
 
         filter: grayscale(1);
 
@@ -189,8 +189,30 @@ a:visited {
 // Typography
 //
 
+.icon-text {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+hr {
+    width: 100%;
+    max-width: 100ch;
+    height: 1px;
+    background: #ccc;
+    border: none;
+    margin: 0;
+}
+
+.vr {
+    height: 100%;
+    width: 1px;
+    background: #ccc;
+}
+
 .dotted {
-    text-decoration: underline dotted gray;
+    cursor: help;
+    border-bottom: 2px dotted #555;
 }
 
 .math-inline {
@@ -275,8 +297,15 @@ main {
 
     gap: 2rem;
 
+    .col {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 0.5rem;
+    }
+
     .subtitle {
-        font-size: 22px;
+        font-size: 28px;
     }
 
     .fill-main {
@@ -347,6 +376,12 @@ header {
     width: 100%;
     position: relative;
 
+    padding: 2rem 0;
+
+    // border-bottom: 1px solid #ddd;
+    box-shadow: 0 0 0.5rem 0 #00000028;
+    background: #fdfdfd;
+
     .logo {
         font-size: 42px;
         font-family: 'Lato';
@@ -360,7 +395,7 @@ header {
 
     nav {
         position: absolute;
-        right: 0;
+        right: 2rem;
 
         display: flex;
         gap: 1rem;
@@ -410,6 +445,8 @@ header {
 
     .problem-content {
         @extend .text-body;
+
+        flex-grow: 1;
     }
 
     .problem-footer {
@@ -504,6 +541,7 @@ header {
         }
 
         .status-label {
+            user-select: none;
             text-align: right;
         }
     }
@@ -599,7 +637,7 @@ header {
 // On mobile
 @media screen and (max-width: $device-s-width), (pointer: coarse) {
     main {
-        padding: 1rem 1rem 6rem;
+        padding: 2rem 1rem 6rem;
 
         &.page-home {
             .board {
@@ -614,6 +652,7 @@ header {
         align-items: center;
 
         gap: 2rem;
+        padding: 1rem;
 
         nav {
             position: relative;