From aa2dd11d1148ceb01c708401548e2283be850a8d Mon Sep 17 00:00:00 2001
From: Egbadon Victor <thethinkerx100@gmail.com>
Date: Tue, 8 Oct 2024 18:30:20 +0100
Subject: [PATCH] fixes responsiveness issues in search-index.html

---
 src/css/vocabulary.css | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/css/vocabulary.css b/src/css/vocabulary.css
index 6b2601ae..6c22ff7f 100644
--- a/src/css/vocabulary.css
+++ b/src/css/vocabulary.css
@@ -1590,7 +1590,7 @@ body > footer .license svg {
 
 .search-index .search-form form input {
     flex: 1;
-    width: 100%;
+    /* width: 100%; */
     height: 4em;
     padding: .2em 1em;
 
@@ -1856,6 +1856,10 @@ body > footer .license svg {
         display: flex;
         flex-wrap: wrap;
     }
+
+    main > .posts{
+        grid-column: 4 / span 5;
+    }
 }
 
 @media (max-width: 705px) {
@@ -1968,15 +1972,27 @@ body > footer .license svg {
         margin-bottom: 5em;
     }
 
+    main > header > *{
+        margin: 0 var(--vocabulary-page-edges-space);
+    }
+
+    main > header h1{
+        width: auto;
+    }
+
     main > header:before {
         left: 0;
     }
 
-    .posts article figure {
+    .posts .post figure {
         width: 100%;
         flex: initial;
     }
 
+    .posts .post{
+        margin: 0 var(--vocabulary-page-edges-space);
+    }
+
     .team-index main > header {
         padding: 0 5%;
     }
@@ -2013,6 +2029,10 @@ body > footer .license svg {
     main nav.pagination ol li {
         line-height: 250%;
     }
+
+    .search-index main > header:before {
+        left: 0;
+    }
 }
 
 @media (max-width: 580px) {