Horizontally scroll tables (hestiacp#3071)

- Refactor font sizing

Author: AlecRust

web/css/src/base.css

@@ -26,7 +26,7 @@ button {
 
 body {
   font-family: var(--font-family);
-  font-size: 0.9rem;
+  font-size: 0.85rem;
   line-height: 1.5;
   height: 100%;
   color: var(--color-text);
@@ -59,6 +59,7 @@ button {
 }
 
 table {
+  width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
 }

web/css/src/themes/dark.css

@@ -58,10 +58,6 @@ strong {
 }
 
 .l-profile__notifications {
-  color: #fff;
-  font-weight: 600;
-  font-size: 1.2rem !important;
-  line-height: 0.95rem;
   border-left: 1px solid transparent !important;
   border-right: 1px solid transparent !important;
 
@@ -136,7 +132,7 @@ strong {
 .alert-danger {
   background-color: #d13535;
 
-  & i.fas {
+  & .fas {
     color: #d13535;
   }
 }
@@ -152,10 +148,10 @@ strong {
   box-shadow:
     0 1px 4px rgb(0 0 0 / 20%),
     inset 0 0 60px rgb(0 0 0 / 25%);
+}
 
-  & p.card-title {
-    color: #fafafa;
-  }
+.card-title {
+  color: #fafafa;
 }
 
 /* Main menu
@@ -209,7 +205,7 @@ strong {
   background-color: #282828;
 }
 
-.l-sort.is-active {
+.l-sort.active {
   box-shadow: 0 4px 6px rgb(0 0 0 / 25%);
 }
 
@@ -269,7 +265,6 @@ strong {
   text-shadow: 1px 1px rgb(0 0 0 / 90%);
   box-shadow: 0 1px 1px rgb(0 0 0 / 40%);
   color: #cacaca;
-  font-size: 1em;
 
   &:hover {
     color: #09f;
@@ -332,13 +327,6 @@ strong {
   border-bottom-right-radius: 0;
   color: #dadada;
   box-shadow: inset 0 1px 1px rgb(0 0 0 / 30%);
-
-  &:hover {
-    background-color: #404040;
-    border-left: 1px solid #212121;
-    border-right: 1px solid #212121;
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 30%);
-  }
 }
 
 .units .l-unit {
@@ -432,10 +420,6 @@ strong {
 .l-unit--suspended .l-percent__fill {
 }
 
-.l-unit--suspended .l-unit__name,
-.l-unit--suspended .l-unit__name span {
-}
-
 .l-unit--suspended.selected .l-unit__name,
 .l-unit--suspended.selected .l-unit__name span {
   color: #707070;
@@ -571,16 +555,8 @@ textarea:focus::placeholder {
 
 .show-passwords-enabled-action {}
 
-.ftp-path-value,
 .hint {
   color: #a2a2a2;
-  font-size: 0.8rem;
-}
-
-.ftp-path-prefix {
-  padding-top: 12px;
-  font-size: 0.8rem;
-  color: #555;
 }
 
 /* Buttons
@@ -654,7 +630,6 @@ textarea:focus::placeholder {
 
 .to-shortcuts,
 .to-top {
-  font-size: 0.85rem;
   font-weight: 400;
   color: #eee;
   border-color: 1px solid #707070;