Switch main and playlist layout order

ngekoding · Mar 4, 2024 · c884392 · c884392
1 parent 7d33426
commit c884392
Showing 1 changed file with 8 additions and 11 deletions.
diff --git a/src/styles/modules/_radio-player.scss b/src/styles/modules/_radio-player.scss
@@ -21,8 +21,7 @@
     flex-direction: column;
 
     @include landscape {
-      order: 2;
-      flex: 60%;
+      flex: 55%;
       justify-content: center;
     }
 
@@ -206,7 +205,7 @@
     min-height: 0;
     display: flex;
     flex-direction: column;
-    min-width: 0;
+    min-width: 300px;
     &-toggle {
       display: flex;
       justify-content: center;
@@ -215,24 +214,23 @@
         width: 24px;
         height: 24px;
         border-radius: 50%;
-        &:hover {
-          background: #ccc;
-        }
       }
       margin-bottom: 15px;
     }
     &-title {
       text-align: center;
       text-transform: uppercase;
       font-weight: normal;
-      color: #999;
+      letter-spacing: 1px;
+      color: #bbb;
     }
     .station-list {
       flex: 1;
       list-style: none;
       margin-top: 15px;
       overflow-y: auto;
       padding-top: 2px;
+      border-top: 1px solid #efefef;
       .station-item {
         display: flex;
         align-items: center;
@@ -280,15 +278,14 @@
     }
 
     @include landscape {
-      flex: 40%;
-      order: 1;
+      flex: 45%;
       max-height: unset;
-      border-radius: 0 20px 20px 0;
+      border-radius: 20px 0 0 20px;
       &-toggle {
         display: none;
       }
       &-title {
-        padding-top: 10px;
+        padding-top: 5px;
       }
     }
   }