feat: update questions list display (#3902)

ONEARMY · Oct 11, 2024 · 3b9dd2b · 3b9dd2b
1 parent 9c03aa3
commit 3b9dd2b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 5 deletions.
diff --git a/src/pages/Question/QuestionListItem.tsx b/src/pages/Question/QuestionListItem.tsx
@@ -38,8 +38,12 @@ export const QuestionListItem = ({ question, query }: IProps) => {
       as="li"
       data-cy="question-list-item"
       data-id={question._id}
-      mb={3}
-      style={{ position: 'relative' }}
+      sx={{
+        position: 'relative',
+        border: 'none',
+        borderBottom: '2px solid #cccccc',
+        borderRadius: 0,
+      }}
     >
       <Flex
         sx={{
@@ -51,7 +55,8 @@ export const QuestionListItem = ({ question, query }: IProps) => {
           sx={{
             flexDirection: 'column',
             gap: 1,
-            padding: 3,
+            paddingX: 3,
+            paddingY: 2,
           }}
         >
           <Flex sx={{ gap: 2, flexWrap: 'wrap' }}>
@@ -66,7 +71,7 @@ export const QuestionListItem = ({ question, query }: IProps) => {
               sx={{
                 color: 'black',
                 fontSize: [3, 3, 4],
-                marginBottom: 1,
+                marginBottom: 0.5,
               }}
             >
               <InternalLink

diff --git a/src/pages/Question/QuestionListing.tsx b/src/pages/Question/QuestionListing.tsx
@@ -125,7 +125,17 @@ export const QuestionListing = () => {
       )}
 
       {questions && questions.length > 0 && (
-        <ul style={{ listStyle: 'none', padding: 0, margin: 0 }}>
+        <ul
+          style={{
+            listStyle: 'none',
+            padding: 0,
+            margin: 0,
+            marginBottom: 5,
+            border: '2px solid black',
+            borderRadius: 5,
+            overflowX: 'hidden',
+          }}
+        >
           {questions.map((question, index) => (
             <QuestionListItem key={index} question={question} query={q} />
           ))}