From 22205e4d5865224936c39565fb47854bb1e88666 Mon Sep 17 00:00:00 2001
From: Bigcedar <godwinekoh@gmail.com>
Date: Fri, 26 Jul 2024 18:23:23 +0100
Subject: [PATCH] badd

---
 createnewinspection.html |  4 ++--
 css/createnew.css        | 22 ++++++++++++++++++----
 css/details.css          | 31 +++++++++++++++++++++++++++----
 css/form.css             | 26 +++++++++++++++++++-------
 css/inspectionlist.css   | 11 +++++++----
 css/report.css           | 14 +++++++++-----
 dashboard.html           |  2 +-
 details.html             |  8 ++++----
 inspectionlist.html      |  6 +++---
 post-loss.html           |  6 +++---
 pre-loss.html            |  4 ++--
 report.html              |  4 ++--
 12 files changed, 97 insertions(+), 41 deletions(-)

diff --git a/createnewinspection.html b/createnewinspection.html
index a6ec523..f296106 100644
--- a/createnewinspection.html
+++ b/createnewinspection.html
@@ -86,9 +86,9 @@ <h3 class="trm">TRM</h3>
         <div class="top-container">
 
           <div class="hamburger" id="hamburger">
-            <img src="images/hamburger.svg" alt="icon" id="ham" />
+            <img src="images/hamburger1.svg" alt="icon" id="ham" />
             <img
-              src="images/cancel.png"
+              src="images/cancel.svg"
               alt="icon"
               id="canc"
               style="display: none"
diff --git a/css/createnew.css b/css/createnew.css
index 5b033cc..3b04e11 100644
--- a/css/createnew.css
+++ b/css/createnew.css
@@ -433,13 +433,17 @@ a {
 
 .hamburger {
   display: block;
-  position: fixed;
+
   top: 20px;
   left: 20px;
   cursor: pointer;
   z-index: 1000;
 }
 
+img#ham {
+  width: 40px;
+}
+
 /* Media Query for smaller screen */
 
 @media screen and (max-width: 899px) {
@@ -500,7 +504,7 @@ a {
 
   .top-content {
     border: none;
-    position: fixed;
+    margin-top: 25px;
   }
   .container {
     justify-content: right;
@@ -523,8 +527,8 @@ a {
 
   .top-content {
     border: none;
-    position: fixed;
-    margin-top: 0.9rem;
+
+    margin-top: 25px;
     margin-right: 0.1rem;
   }
 
@@ -578,3 +582,13 @@ a {
     height: 154px;
   } */
 }
+
+@media screen and (max-width: 320px) {
+  .selection {
+    margin-left: 40px;
+  }
+
+  .header-text {
+    margin-left: 10px;
+  }
+}
diff --git a/css/details.css b/css/details.css
index 22b4916..0635e94 100644
--- a/css/details.css
+++ b/css/details.css
@@ -596,13 +596,17 @@ header .btn-new-inspection {
 
 .hamburger {
   display: block;
-  position: fixed;
+
   top: 20px;
-  left: 20px;
+  margin-left: 20px;
   cursor: pointer;
   z-index: 1000;
 }
 
+img#ham {
+  width: 40px;
+}
+
 /* 
 Media query for smaller screen */
 
@@ -624,7 +628,7 @@ Media query for smaller screen */
   }
   .top-content {
     border: none;
-    position: fixed;
+    margin-top: 25px;
   }
 }
 
@@ -662,7 +666,7 @@ Media query for smaller screen */
   .top-content {
     border: none;
     position: fixed;
-    margin-top: 13px;
+    margin-top: 25px;
   }
 
   .top-content img {
@@ -677,3 +681,22 @@ Media query for smaller screen */
     white-space: nowrap;
   }
 }
+
+@media screen and (max-width: 320px) {
+  .timeline-item {
+    margin-left: 20px;
+  }
+
+  .timeline-item button {
+    margin-right: 98px;
+  }
+
+  .timeline-item .details {
+    font-size: 9px;
+    margin-left: 20px;
+  }
+
+  header p {
+    white-space: wrap;
+  }
+}
diff --git a/css/form.css b/css/form.css
index e022489..2a7ed92 100644
--- a/css/form.css
+++ b/css/form.css
@@ -94,7 +94,7 @@ main {
 
 .top-content {
   display: flex;
-  position: fixed;
+  margin-top: -30px;
   align-self: flex-end;
 
   align-items: center;
@@ -648,12 +648,15 @@ nav input {
 
 .hamburger {
   display: block;
-  position: fixed;
+
   top: 20px;
-  left: 20px;
+  margin-left: 20px;
   cursor: pointer;
   z-index: 1000;
 }
+img#ham {
+  width: 40px;
+}
 
 .alert-message {
   background-color: #f8d7da; /* Light red background */
@@ -675,7 +678,6 @@ nav input {
   }
   .hamburger {
     display: block;
-    position: fixed;
     top: 20px;
     left: 15px;
     cursor: pointer;
@@ -688,7 +690,7 @@ nav input {
 
   .top-content {
     border: none;
-    position: fixed;
+    margin-top: -25px;
   }
 }
 
@@ -709,8 +711,8 @@ nav input {
   }
   .top-content {
     border: none;
-    position: fixed;
-    margin-top: 0.9rem;
+
+    margin-top: -25px;
     margin-right: 0.1rem;
   }
 
@@ -770,3 +772,13 @@ nav input {
     text-align: center;
   }
 }
+
+@media screen and (max-width: 1024px) {
+  .top-content {
+    margin-top: -25px;
+  }
+
+  /* .hamburger {
+    margin-left: 20px;
+  } */
+}
diff --git a/css/inspectionlist.css b/css/inspectionlist.css
index a4db598..ddcc167 100644
--- a/css/inspectionlist.css
+++ b/css/inspectionlist.css
@@ -95,7 +95,7 @@ main {
 
 .top-content {
   display: flex;
-  position: fixed;
+  margin-top: 25px;
   align-self: flex-end;
 
   align-items: center;
@@ -487,11 +487,15 @@ tr {
   display: block;
   position: fixed;
   top: 20px;
-  left: 20px;
+  margin-left: 20px;
   cursor: pointer;
   z-index: 1000;
 }
 
+img#ham {
+  width: 40px;
+}
+
 /* Media query for small-screen */
 
 @media screen and (max-width: 899px) {
@@ -513,7 +517,6 @@ tr {
 
   .top-content {
     border: none;
-    position: fixed;
   }
 }
 @media screen and (max-width: 666px) {
@@ -564,7 +567,7 @@ tr {
   .top-content {
     border: none;
     position: fixed;
-    margin-top: 0.9rem;
+    margin-top: 25px;
     margin-right: 0.1rem;
   }
 
diff --git a/css/report.css b/css/report.css
index 8eaf5df..827f5ab 100644
--- a/css/report.css
+++ b/css/report.css
@@ -425,7 +425,7 @@ header p {
 .tabs-container {
   /* margin-top: 40px; */
   background-color: #fffbf6;
-
+  width: 50%;
   border: 1px solid #d8d8d8;
   border-radius: 10px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
@@ -580,13 +580,16 @@ header p {
 
 .hamburger {
   display: block;
-  position: fixed;
-  top: 20px;
-  left: 20px;
+
+  margin-left: 20px;
   cursor: pointer;
   z-index: 9999;
 }
 
+img#ham {
+  width: 40px;
+}
+
 /* Media querry for smaller screens */
 
 @media screen and (max-width: 899px) {
@@ -596,7 +599,7 @@ header p {
   .hamburger {
     display: block;
     position: fixed;
-    top: 20px;
+    top: 10px;
     left: 15px;
     cursor: pointer;
     z-index: 1000;
@@ -609,6 +612,7 @@ header p {
   .top-content {
     border: none;
     position: fixed;
+    margin-top: 20px;
   }
 }
 
diff --git a/dashboard.html b/dashboard.html
index c77cf57..ad24da1 100644
--- a/dashboard.html
+++ b/dashboard.html
@@ -306,7 +306,7 @@ <h3>Created Inspections</h3>
           hamburger.classList.toggle("open");
           if (hamburger.classList.contains("open")) {
             cancel.style.display = "block";
-            cancel.style.marginLeft = "120px";
+            cancel.style.marginLeft = "20px";
             hamburger.style.display = "none";
             logoContainer.style.display = "block";
             main.style.marginLeft = "298px";
diff --git a/details.html b/details.html
index a597ca5..3fa1b6d 100644
--- a/details.html
+++ b/details.html
@@ -92,9 +92,9 @@ <h3 class="trm">TRM</h3>
         <div class="main-content">
           <div class="top-container">
             <div class="hamburger" id="hamburger">
-              <img src="images/hamburger.svg"icon" id="ham" />
+              <img src="images/hamburger1.svg"icon" id="ham" />
               <img
-                src="images/cancel.png"
+                src="images/cancel.svg"
                 alt="icon"
                 id="canc"
                 style="display: none"
@@ -106,7 +106,7 @@ <h3 class="trm">TRM</h3>
             <img src="images/group38.png" />
             <select name="navigation" class="user" id="choose">
               <option value="dashboard.html">Godwin</option>
-               <option value="details.html">Details</option></a>
+               <option value="details.html">Details</option>
               <option value="report.html">Report</option>
               <option value="createnewinspection.html">Sign-up</option>
               <option value="index.html">Log-out</option>
@@ -223,7 +223,7 @@ <h4>Request Assigned</h4>
             cancel.style.marginLeft = "50px";
             hamburger.style.display = "none";
             logoContainer.style.display = "none";
-            main.style.marginLeft = "0";
+            main.style.marginLeft = "200px";
           }
         });
 
diff --git a/inspectionlist.html b/inspectionlist.html
index 0b7a79d..5620fed 100644
--- a/inspectionlist.html
+++ b/inspectionlist.html
@@ -95,9 +95,9 @@ <h3 class="trm">TRM</h3>
         <div class="main-content">
           <div class="top-container">
             <div class="hamburger" id="hamburger">
-              <img src="images/hamburger.svg" alt="icon" id="ham" />
+              <img src="images/hamburger1.svg" alt="icon" id="ham" />
               <img
-                src="images/cancel.png"
+                src="images/cancel.svg"
                 alt="icon"
                 id="canc"
                 style="display: none"
@@ -304,7 +304,7 @@ <h1>Inspection List</h1>
             cancel.style.marginLeft = "50px";
             hamburger.style.display = "none";
             logoContainer.style.display = "none";
-            main.style.marginLeft = "0";
+            main.style.marginLeft = "70px";
           }
         });
 
diff --git a/post-loss.html b/post-loss.html
index 6cc5e6d..9a3ec51 100644
--- a/post-loss.html
+++ b/post-loss.html
@@ -91,9 +91,9 @@ <h3 class="trm">TRM</h3>
         <div class="main-content">
           <div class="top-container">
             <div class="hamburger" id="hamburger">
-              <img src="images/hamburger.svg" alt="icon" id="ham" />
+              <img src="images/hamburger1.svg" alt="icon" id="ham" />
               <img
-                src="images/cancel.png"
+                src="images/cancel.svg"
                 alt="icon"
                 id="canc"
                 style="display: none"
@@ -388,7 +388,7 @@ <h3>Send to TRM</h3>
             cancel.style.marginLeft = "50px";
             hamburger.style.display = "none";
             logoContainer.style.display = "none";
-            main.style.marginLeft = "0";
+            main.style.marginLeft = "130px";
           }
         });
 
diff --git a/pre-loss.html b/pre-loss.html
index c864651..b04afa7 100644
--- a/pre-loss.html
+++ b/pre-loss.html
@@ -91,9 +91,9 @@ <h3 class="trm">TRM</h3>
         <div class="main-content">
           <div class="top-container">
             <div class="hamburger" id="hamburger">
-              <img src="images/hamburger.svg" alt="icon" id="ham" />
+              <img src="images/hamburger1.svg" alt="icon" id="ham" />
               <img
-                src="images/cancel.png"
+                src="images/cancel.svg"
                 alt="icon"
                 id="canc"
                 style="display: none"
diff --git a/report.html b/report.html
index 7c470f2..cdbc6c4 100644
--- a/report.html
+++ b/report.html
@@ -96,9 +96,9 @@ <h3 class="trm">TRM</h3>
       <div class="main-content">
         <div class="top-container">
           <div class="hamburger" id="hamburger">
-            <img src="images/hamburger.svg" alt="icon" id="ham" />
+            <img src="images/hamburger1.svg" alt="icon" id="ham" />
             <img
-              src="images/cancel.png"
+              src="images/cancel.svg"
               alt="icon"
               id="canc"
               style="display: none"