Merge pull request #39293 from aireilly/fix-sidebar-css

fixes search input css on mobile

Author: vikram-redhat

_stylesheets/docs.css

@@ -681,9 +681,9 @@ h2:hover>a.anchor, h2>a.anchor:hover, h3:hover>a.anchor, h3>a.anchor:hover, h4:h
     z-index: 2;
     width: 263px;
     background-color: #fff;
+    margin-left: 5px;
     display: flex;
     flex-flow: column;
-    margin-left: 5px;
     top: 190px;
     bottom: 10px;
     display: block;
@@ -704,7 +704,8 @@ h2:hover>a.anchor, h2>a.anchor:hover, h3:hover>a.anchor, h3>a.anchor:hover, h4:h
     border: 1px solid lightgrey;
     font-size: 12px;
     height: 25px;
-    width: 31px !important;
+    width: 30px;
+    padding: 1px;
   }
 
   #hc-search-input {
@@ -932,7 +933,7 @@ h2:hover>a.anchor, h2>a.anchor:hover, h3:hover>a.anchor, h3>a.anchor:hover, h4:h
   }
 
   .nav {
-    padding-top: 25px;
+    padding-top: 15px;
   }
 
   #toc:before {
@@ -1000,6 +1001,7 @@ h2:hover>a.anchor, h2>a.anchor:hover, h3:hover>a.anchor, h3>a.anchor:hover, h4:h
     transition: all .3s ease;
     display: none;
     top: unset;
+    left: -5px;
   }
 
   .breadcrumb {
@@ -1022,7 +1024,8 @@ h2:hover>a.anchor, h2>a.anchor:hover, h3:hover>a.anchor, h3>a.anchor:hover, h4:h
     font-size: 14px;
     height: 25px;
     width: 26px;
-    padding: 2px 2px 2px 2px;
+    padding: 2px;
+    margin-bottom: 3px;
   }
 
   .btn-close {
@@ -1034,16 +1037,10 @@ h2:hover>a.anchor, h2>a.anchor:hover, h3:hover>a.anchor, h3>a.anchor:hover, h4:h
   }
 
   #hc-search {
-    position: fixed;
     top: 40px;
-    width: 80%;
-  }
-
-  #hc-search-btn {
-    width: 31px;
+    position: unset;
   }
 
-
 }
 
 /*