Clean up Album and Box view

public/static/app.css

@@ -98,7 +98,7 @@ td.fillCell>* {
   bottom: -16px;
   position: absolute;
   filter: blur(8px);
-  opacity: 0.75;
+  opacity: 0.5;
 }
 
 /*

public/static/style.css

@@ -7,7 +7,7 @@
   --dark50: #31363b80;
   --dark25: #31363b40;
   --shadow: #23262940;
-  --glow: #eff0f140;
+  --glow: #eff0f180;
 
   --light-gray: #d9dfe3;
   --dim-gray: #bdc3c7;
@@ -1231,41 +1231,15 @@ td.strech {
   margin-left: 12px;
 }
 .ma-horizontal {
-  margin-right: 12px;
-  margin-left: 12px;
+  margin: 0 12px;
 }
 .ma-vertical {
-  margin-top: 12px;
-  margin-bottom: 12px;
+  margin: 12px 0;
 }
 .ma {
   margin: 12px;
 }
 
-.ma8-top {
-  margin-top: 8px;
-}
-.ma8-bottom {
-  margin-bottom: 8px;
-}
-.ma8-right {
-  margin-right: 8px;
-}
-.ma8-left {
-  margin-left: 8px;
-}
-.ma8-vertical {
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-.ma8-horizontal {
-  margin-right: 8px;
-  margin-left: 8px;
-}
-.ma8 {
-  margin: 8px;
-}
-
 .ma4-top {
   margin-top: 4px;
 }
@@ -1279,17 +1253,59 @@ td.strech {
   margin-left: 4px;
 }
 .ma4-vertical {
-  margin-top: 4px;
-  margin-bottom: 4px;
+  margin: 4px 0;
 }
 .ma4-horizontal {
-  margin-right: 4px;
-  margin-left: 4px;
+  margin: 0 4px;
 }
 .ma4 {
   margin: 4px;
 }
 
+.ma8-top {
+  margin-top: 8px;
+}
+.ma8-bottom {
+  margin-bottom: 8px;
+}
+.ma8-right {
+  margin-right: 8px;
+}
+.ma8-left {
+  margin-left: 8px;
+}
+.ma8-vertical {
+  margin: 8px 0;
+}
+.ma8-horizontal {
+  margin: 0 8px;
+}
+.ma8 {
+  margin: 8px;
+}
+
+.ma24-top {
+  margin-top: 24px;
+}
+.ma24-bottom {
+  margin-bottom: 24px;
+}
+.ma24-right {
+  margin-right: 24px;
+}
+.ma24-left {
+  margin-left: 24px;
+}
+.ma24-vertical {
+  margin: 24px 0;
+}
+.ma24-horizontal {
+  margin: 0 24px;
+}
+.ma24 {
+  margin: 24px;
+}
+
 /*
     OPACITY
 */
@@ -1397,6 +1413,28 @@ td.strech {
   padding-bottom: 12px;
 }
 
+.pa24 {
+  padding: 24px;
+}
+.pa24-vertical {
+  padding: 24px 0;
+}
+.pa24-horizontal {
+  padding: 0 24px;
+}
+.pa24-left {
+  padding-left: 24px;
+}
+.pa24-rigth {
+  padding-right: 24px;
+}
+.pa24-top {
+  padding-top: 24px;
+}
+.pa24-bottom {
+  padding-bottom: 24px;
+}
+
 .border {
   border: 1px solid var(--dark-border);
 }