improve mobile

shelbywilson · Oct 3, 2024 · 95a7757 · 95a7757
1 parent 5ee41a0
commit 95a7757
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/client/css/index.03.css b/client/css/index.03.css
@@ -30,6 +30,7 @@
     position: absolute;
     width: 100%;
     top: 3rem;
+    left: 0;
     transition: opacity 500ms;
 }
 #loading img {
@@ -62,11 +63,18 @@ input[type="text"], select {
     }
     .filters {
         width: 100%;
+        margin-top: 10rem;
     }
     .filters .flex-column {
         width: 100%;
     }
     input[type="text"], select {
         width: 100%;
     }
+    #loading {
+        top: 4rem;
+    }
+    #loading img {
+        width: 6rem;
+    }
 }
diff --git a/index.html b/index.html
@@ -231,10 +231,10 @@ <h3>
             <header>
                 <div class="flex-row space-between">
                     <div class="flex-row space-between align-baseline">
-                        <a href="/" class="header__home-icon" style="margin-right: 1.5rem;">
+                        <!-- <a href="/" class="header__home-icon" style="margin-right: 1.5rem;">
                             <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/Official_portrait_of_Lord_Bragg_crop_2.jpg/440px-Official_portrait_of_Lord_Bragg_crop_2.jpg"
                                 alt="Portrait of Lord Melvyn Bragg, host of In Our Time">
-                        </a>
+                        </a> -->
                         <h1>
                             Hello,
                         </h1>
@@ -275,7 +275,7 @@ <h1>
                         </div>
                         <div class="mb-1 flex-row space-between">
                             <span id="start-to-end">1 to 50</span>
-                            <span id="count">1038 episodes</span>
+                            <span id="count">1041 episodes</span>
                         </div>
                     </div>
                 </div>