chore: better styling appeal tab

Author: kemuru

web/src/pages/Cases/CaseDetails/Appeal/AppealHistory.tsx

@@ -11,9 +11,9 @@ import OptionCard from "./OptionCard";
 import { AppealHeader, StyledTitle } from ".";
 
 const OptionsContainer = styled.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 24px;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  gap: 16px;
   margin-top: 12px;
 `;
 

web/src/pages/Cases/CaseDetails/Appeal/Classic/Options/StageOne.tsx

@@ -18,9 +18,9 @@ const Container = styled.div`
 `;
 
 const OptionsContainer = styled.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 24px;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  gap: 16px;
   margin-top: 12px;
 `;
 

web/src/pages/Cases/CaseDetails/Appeal/Classic/Options/StageTwo.tsx

@@ -20,9 +20,9 @@ const Container = styled.div`
 `;
 
 const OptionsContainer = styled.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 24px;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  gap: 16px;
   margin-top: 12px;
 `;