student styles

src/Components/DashboardPage/Student/StudentDashboard.tsx

@@ -7,21 +7,19 @@ export default function StudentDashboard() {
   const navigate = useNavigate();
   return (
     <div style={styles.flex_column}>
-      <p
-        style={{
-          ...styles.text_dark,
-          ...styles.text_L,
-        }}
-      >
-        Student Actions
-      </p>
+     
       <div
         style={{
-          ...styles.flex_row,
+          ...styles.flex_column,
           ...{
             alignSelf: "center",
+            display: "flex",
             justifyContent: "center",
             flexWrap: "wrap",
+            marginTop: "40px",
+           
+          
+           
           },
         }}
       >
@@ -32,28 +30,25 @@ export default function StudentDashboard() {
               alignSelf: "center",
               justifyContent: "center",
               flexWrap: "wrap",
+              backgroundColor: "#CCDDFF",    
+              paddingInline: "90px", 
+              borderRadius: "20px"      
             },
           }}
           onClick={() => {
             navigate("/new/transaction");
           }}
         >
-          <AddBoxIcon
-            style={{
-              height: 64,
-              width: 64,
-              fill: colors.font_dark,
-              marginLeft: "1rem",
-              marginRight: "1rem",
-            }}
-          />
+
           <p
             style={{
-              ...styles.text_dark,
+              ...styles.text_dark_blue,
+
               ...styles.text_M,
+              fontSize: "15px"
             }}
           >
-            New Transaction
+           CLICK TO REQUEST BORROW ITEMS
           </p>
         </Button>
       </div>

src/Components/DashboardPage/Student/StudentTransactionListView.tsx

@@ -39,14 +39,18 @@ export default function StudentTransactionListView() {
     );
   }
   return (
-    <div>
-      <div style={styles.flex_column}>
+    <div >
+      <div style={{
+       marginTop: "60px",  
+
+       }}>
         <TransactionFilterMenu filter={filter} setFilter={setFilter} />
         <div style={{ marginTop: "16px" }} />
         <div
           style={{
             ...styles.flex_column,
-            ...{ height: "50vh", overflowY: "scroll" },
+            ...{ height: "60vh", overflowY: "scroll" },
+          
           }}
         >
           {transactions.data ? (

src/Pages/DashboardPage/DashboardPage.tsx

@@ -28,8 +28,9 @@ export default function Dashboard() {
             },
           }}
         >
-          <StudentTransactionListView />
           <StudentDashboard />
+          <StudentTransactionListView />
+          
         </div>
       </RestrictedComponent>
       <RestrictedComponent allow_only={"Teacher"}>