From 2cc876f8f6c2a86d0a9399d63c9651c727dd13b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Madis=20N=C3=B5mme?= <me@mad.is>
Date: Mon, 9 Dec 2024 07:53:14 -0600
Subject: [PATCH] Fix visual spacing

---
 ui/resources/public/less/page/job-detail.less | 10 ++++++++--
 ui/resources/public/less/page/jobs.less       |  9 ++++++---
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/ui/resources/public/less/page/job-detail.less b/ui/resources/public/less/page/job-detail.less
index eb37e2c7..c3e01f51 100644
--- a/ui/resources/public/less/page/job-detail.less
+++ b/ui/resources/public/less/page/job-detail.less
@@ -83,8 +83,8 @@
         }
 
         > .ethlance-tag {
-          margin: 1em 0;
-          margin-right: 1em;
+          margin-right: 0.4rem;
+          margin-bottom: 0.4rem;
         }
       }
 
@@ -215,6 +215,12 @@
         text-align: center;
         margin: 0.5em 0;
       }
+
+      .button {
+        margin: 1em 0;
+        align-self: flex-end;
+      }
+
     }
   }
 
diff --git a/ui/resources/public/less/page/jobs.less b/ui/resources/public/less/page/jobs.less
index a2bcaa3c..359a7e1b 100644
--- a/ui/resources/public/less/page/jobs.less
+++ b/ui/resources/public/less/page/jobs.less
@@ -61,7 +61,7 @@
       > .ethlance-chip-search-input {
         margin: 2em;
         max-width: 100vw;
-        
+
         @media #media[tablet-query] {
           margin: 1.5em;
         }
@@ -181,6 +181,7 @@
           > .name {
             grid-area: name;
             display: flex;
+            margin: 1em 0;
             align-items: center;
             font-weight: 700;
           }
@@ -205,11 +206,13 @@
           }
 
           > .location {
+            margin: 1em 0;
             grid-area: location;
           }
 
           > .ethlance-inline-svg {
             position: absolute;
+            margin: 1em 0;
             top: 0em;
             left: -1.5em;
             width: 16px;
@@ -227,12 +230,12 @@
         align-items: flex-start;
         padding-top: 1em;
         grid-area: details;
-        
+
         @media #media[mobile-query] {
           align-items: center;
           margin-bottom: 2em;
         }
-        
+
         > .job-detail-table {
           #mixin.detail-table();
           width: 90%;