Update search.html

LB123658 · Jun 4, 2021 · 45b1585 · 45b1585
1 parent 0040d8b
commit 45b1585
Showing 1 changed file with 33 additions and 9 deletions.
diff --git a/search.html b/search.html
@@ -1,4 +1,3 @@
-
 <!DOCTYPE html>
 <html>
 <head>
@@ -149,7 +148,6 @@
 .quick:focus {
 border: 2px solid #f3e3c2;
 }
-
 #topbar {
 position: fixed;
 top: 0px;
@@ -159,14 +157,40 @@
 background: #7289DA;
 z-index: 1;
 }
-
 @media screen and (max-width: 860px) {
-  .search-option {
-    visibility: hidden;
-  }
   #query {
     width: 75%;
   }
+  .link {
+    transform: translate(0px, 200px);
+  }
+  #image {
+    position: absolute;
+    top: 70px;
+    width: 100%;
+    height: 70px;
+    left: 0px;
+    border-radius: 0px;
+    margin: 0px 0px 0px;
+  }
+  #video {
+    position: absolute;
+    top: 140px;
+    width: 100%;
+    height: 70px;
+    left: 0px;
+    border-radius: 0px;
+    margin: 0px 0px 0px;
+  }
+  #music {
+    position: absolute;
+    top: 210px;
+    width: 100%;
+    height: 70px;
+    left: 0px;
+    border-radius: 0px;
+    margin: 0px 0px 0px;
+  }
 }
 </style>
 </head>
@@ -179,13 +203,13 @@
 <button id="s-button" title="Open in new tab" class="quick"><span id="s">Search</span> <span class="material-icons"></span></button></a>
 
 <a href="#" id="musicA">
-<button id="m-button" class="search-option" title="Music search">Music</button></a>
+<button class="search-option" title="Music search" id="music">Music</button></a>
 
 <a href="#" id="vidA">
-<button id="vid-button" class="search-option" title="Video search">Videos</button></a>
+<button class="search-option" title="Video search" id="video">Videos</button></a>
 
 <a href="#" id="imgA">
-<button id="img-button" class="search-option" title="Image search">Images</button></a>
+<button class="search-option" title="Image search" id="image">Images</button></a>
 </div>
 
 <div id="results">