Resolve "Improve week view for mobile devices (size s)"

Closes #186 (closed)

aleksis/apps/alsijil/static/css/alsijil/week_view.css

@@ -25,13 +25,8 @@ dt {
     font-weight: bold;
 }
 
-dt:not(:last-of-type) {
-    border-bottom: solid #ddd 1px;
-    font-size: 14px;
-}
-
 dd {
-    margin: auto;
+    margin: 0;
     padding: unset;
 }
 
@@ -48,7 +43,7 @@ dd {
 }
 
 .horizontal-scroll-card:first-of-type {
-    margin-left: 1rem;
+    margin-left: .4rem;
 }
 
 .horizontal-scroll-card .card-action {
@@ -65,7 +60,9 @@ dd {
 }
 
 .horizontal-scroll-card .one-line {
-    /*  FIXME: merge styles into one line  */
+   display: grid;
+    grid-auto-flow: column;
+    grid-template-rows: 1fr 1fr;
 }
 
 p.subtitle {
@@ -96,10 +93,9 @@ p.subtitle {
 
 .unfold-trigger i.material-icons {
     transition: transform .5s 0s ease-in-out;
-    rotate: 270deg;
-    rotation: 270deg;
+    transform: rotate(-90deg);
 }
 
 .unfold-trigger.vertical i.material-icons {
-    transform: rotate(-90deg);
+    transform: rotate(-180deg);
 }