fixes layout changes across viewports

Author: jijo-OO7

docs/stylesheets/extra.css

@@ -688,7 +688,11 @@ a.md-header__button.md-logo img {
   .md-search__form {
     border-radius: 10px;
   }
-
+  
+  .md-search__inner {
+    max-width: 31rem;
+  }
+  
   .md-search__input {
     background-color: white;
     border: black 1px solid;
@@ -703,20 +707,6 @@ a.md-header__button.md-logo img {
     margin-right: 0.75rem;
   }
 
-  .md-header__ellipsis {
-    width: auto !important;
-    max-width: 100% !important;
-  }
-  
-  .md-search {
-    flex: 0 0 auto !important;     
-    width: 18rem;     
-  }
-
-  [data-md-toggle="search"]:checked ~ .md-header .md-search {
-  width: 35rem;
-  }
-  
   .md-header__list {
     gap: 0.75rem;
   }
@@ -726,6 +716,10 @@ a.md-header__button.md-logo img {
   max-height: none;
 }
 
+.md-search-result__article {
+  max-height: none;
+}
+
 .md-search-result__teaser,
 article.md-search-result__article p:not(.md-search-result__meta) {
   display: -webkit-box;