From 7147756bcf78454efb9a789f1812bad4a85b2221 Mon Sep 17 00:00:00 2001
From: Shiivamtaneja <shiivamtaneja@gmail.com>
Date: Thu, 21 Sep 2023 13:41:44 +0530
Subject: [PATCH] [#1426] Fix responsiveness issue in Catalog results

Signed-off-by: Shiivamtaneja <shiivamtaneja@gmail.com>
---
 _includes/patterns-filter.html | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/_includes/patterns-filter.html b/_includes/patterns-filter.html
index 020fd7387a..e321e93aaf 100644
--- a/_includes/patterns-filter.html
+++ b/_includes/patterns-filter.html
@@ -98,7 +98,7 @@
   font-weight: 200;
 }
 #compatibility-div .input-container .name{
-  margin-left:10px;
+  margin: 0 10px 0 10px;
   width: 100%;
   white-space: nowrap;
   overflow: hidden;
@@ -111,6 +111,11 @@
   margin: 20px 0; 
 }
 
+#category-div,
+#compatibility-div {
+  flex-wrap: wrap;
+}
+
 </style>
 
 <div class="filter-wrap">
@@ -171,7 +176,7 @@
   technologyLink.addEventListener("click", showTechnology);
 
   function showCategory() {
-    category_div.style.display = "grid";
+    category_div.style.display = "flex";
     category_p.style.display = "grid";
     comp_p.style.display = "none";
     comp_div.style.display = "none";
@@ -186,7 +191,7 @@
     category_div.style.display = "none";
     category_p.style.display = "none";
     comp_p.style.display = "grid";
-    comp_div.style.display = "grid";
+    comp_div.style.display = "flex";
     tech_p.style.display = "none";
     tech_div.style.display = "none";
     document.getElementById("myDropdown").classList.toggle("show");