removed padding from list pages

sancsoft · Apr 24, 2024 · bda9417 · bda9417
1 parent 5f2e1b1
commit bda9417
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 11 deletions.
diff --git a/src/angular/hq/src/app/clients/client-details/client-details.component.html b/src/angular/hq/src/app/clients/client-details/client-details.component.html
@@ -1,19 +1,19 @@
 <div class="px-6">
     <h1 class="font-rajdhani font-semibold text-3xl">[Client Name Here]</h1>
 
-    <div class="grid gap-7 grid-flow-col auto-cols-max pt-3 text-sm">
+    <div class="grid gap-2 grid-flow-row lg:grid-flow-col lg:gap-7 auto-cols-max pt-3 text-sm">
         <div class="text-gray-50">$105.00</div>
         <div class="text-gray-50">billingEmail&#64;clientDomain.com</div>
         <div class="text-gray-50">Official Name - Probably longer than the name</div>
     </div>
 </div>
 
 <div class="px-6 pt-3">
-    <div class="flex justify-between items-center">
-        <div class="">
+    <div class="flex flex-col lg:flex-row justify-between items-center">
+        <div class="order-2 lg:order-1">
             Search, Dropdown, Toggle Here
         </div>
-        <div class="flex divide-x">
+        <div class="flex divide-x order-1 lg:order-2">
             <a routerLink="projects" routerLinkActive="bg-blue-900" class="text-gray-100 bg-black-alt px-8 py-3 text-sm font-bold hover:bg-blue-900">Projects</a>
             <a routerLink="quotes" routerLinkActive="bg-blue-900" class="text-gray-100 bg-black-alt px-8 py-3 text-sm font-bold hover:bg-blue-900">Quotes</a>
             <a routerLink="services" routerLinkActive="bg-blue-900" class="text-gray-100 bg-black-alt px-8 py-3 text-sm font-bold hover:bg-blue-900">Services</a>

diff --git a/.../hq/src/app/clients/client-details/client-project-list/client-project-list.component.html b/.../hq/src/app/clients/client-details/client-project-list/client-project-list.component.html
@@ -1,3 +1,2 @@
-<div class="px-6">
-    <p>client-project-list works!</p>
-</div>
+
+<p>client-project-list works!</p>
diff --git a/...ular/hq/src/app/clients/client-details/client-quote-list/client-quote-list.component.html b/...ular/hq/src/app/clients/client-details/client-quote-list/client-quote-list.component.html
@@ -1,3 +1,2 @@
-<div class="px-6">
+
     <p>client-quote-list works!</p>
-</div>
diff --git a/.../hq/src/app/clients/client-details/client-service-list/client-service-list.component.html b/.../hq/src/app/clients/client-details/client-service-list/client-service-list.component.html
@@ -1,3 +1,2 @@
-<div class="px-6">
+
     <p>client-service-list works!</p>
-</div>