From 0453d3ba6e525cecf7a0410b718a240037ed5b87 Mon Sep 17 00:00:00 2001
From: leonoosterhuis <leon@oosterhuis.nu>
Date: Tue, 16 Jan 2024 11:48:45 +0100
Subject: [PATCH] Some bootstrap things

---
 .../Homepage/Resources/sass/_homepage.scss    | 13 +++---
 .../Resources/views/homepage.blade.php        | 40 +++++++++++--------
 2 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/app/UserInterface/Domain/Homepage/Resources/sass/_homepage.scss b/app/UserInterface/Domain/Homepage/Resources/sass/_homepage.scss
index e824c5c..d2c0d5e 100644
--- a/app/UserInterface/Domain/Homepage/Resources/sass/_homepage.scss
+++ b/app/UserInterface/Domain/Homepage/Resources/sass/_homepage.scss
@@ -22,7 +22,7 @@
     }
 
 
-    .card{
+    .card {
         height: 7.5rem;
         border-radius: 0.625rem;
         background-color: #ffffff;
@@ -32,7 +32,7 @@
         cursor: pointer;
     }
 
-   .recent  {
+    .recent {
         height: 5rem;
         border-radius: 0.625rem;
         background-color: #ffffff;
@@ -40,9 +40,9 @@
         color: #000000;
         display: flex;
         cursor: pointer;
-   }
+    }
 
-   .review  {
+    .review {
         height: 11rem;
         border-radius: 0.625rem;
         background-color: #ffffff;
@@ -50,5 +50,6 @@
         color: #000000;
         display: flex;
         cursor: pointer;
-   }
-}
\ No newline at end of file
+        margin-bottom: 4%;
+    }
+}
diff --git a/app/UserInterface/Domain/Homepage/Resources/views/homepage.blade.php b/app/UserInterface/Domain/Homepage/Resources/views/homepage.blade.php
index 18bec4a..9f5f4d4 100644
--- a/app/UserInterface/Domain/Homepage/Resources/views/homepage.blade.php
+++ b/app/UserInterface/Domain/Homepage/Resources/views/homepage.blade.php
@@ -6,33 +6,42 @@
 
 @section('content')
     <div class="homepage-under-construction">
-        <div class="container"> 
+        <div class="container">
             <div class="row">
-                <div class="col-sm-12">
+                <div class="col-12">
                     <h4>Current Device</h4>
-                    <div class="row">
-                    <div class="cols-sm-12">
-                            <div class="card">Device name</div>
-                        </div> 
-                    </div>
+
+                    <div class="card">Device name</div>
+
                 </div>
-                <div class="col-sm-6 mt-2">
+            </div>
+
+
+            <div class="row mt-1">
+                <div class="col-6">
                     <h4>Weekly Review</h4>
                     <div class="row">
-                        <div class="col-sm-6">
+                        <div class="col-xl-6 col-md-12">
                             <div class="review">Speed</div>
-                            <div class="review mt-1">Gear</div>
                         </div>
-                        <div class="col-sm-6">
+                        <div class="col-xl-6 col-md-12">
+                            <div class="review">Gear</div>
+                        </div>
+                    </div>
+                    <br>
+                    <div class="row">
+                        <div class="col-xl-6 col-md-12">
                             <div class="review">Brake</div>
-                            <div class="review mt-1">Steering</div>
+                        </div>
+                        <div class="col-xl-6 col-md-12">
+                            <div class="review">Steering</div>
                         </div>
                     </div>
                 </div>
-                <div class="col-sm-6 mt-2">
+                <div class="col-6">
                     <h4>Recent Trips</h4>
                     <div class="row">
-                        <div class="col-sm-12">
+                        <div class="col-12">
                             <div class="recent">
                                 <a class="nav-link" href="#">Trip #1</a>
                             </div>
@@ -51,8 +60,7 @@
             </div>
         </div>
 
-        
+
     </div>
 
-    
 @endsection