From 4d6a878325819a18974da7a4f354a97cb160b3ae Mon Sep 17 00:00:00 2001
From: Carlos Alcaide Corvo <ccorvo@hashicorp.com>
Date: Wed, 5 Oct 2022 08:18:26 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20Fix=20SCSS=20lint=20issue?=
 =?UTF-8?q?s=20(#1364)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix SCSS lint issues
---
 ui/admin/app/styles/app.scss | 38 +++++++++++++++++++-----------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss
index adf9d611a..159fba476 100644
--- a/ui/admin/app/styles/app.scss
+++ b/ui/admin/app/styles/app.scss
@@ -398,51 +398,53 @@
 .worker-create-section {
   border: sizing.rems(xxxxs) solid var(--ui-gray-subtler-3);
   border-radius: sizing.rems(xxs);
-  padding: sizing.rems(l);
   margin-bottom: sizing.rems(xl);
+  padding: sizing.rems(l);
 
   > div {
     margin-bottom: sizing.rems(l);
   }
 
   > code {
-    color: var(--failure);
     background-color: var(--ui-gray-subtler-5);
     border: sizing.rems(xxxxs) solid var(--ui-gray-subtler-2);
+    color: var(--failure);
   }
 
   .worker-auth-token {
-    display: flex;
-    gap: sizing.rems(m);
     align-items: flex-end;
+    display: flex;
+    gap: sizing.rems(m); // sass-lint:disable-line no-misspelled-properties
   }
 
   .worker-success {
-    display: flex;
     align-items: center;
+    display: flex;
     justify-content: space-between;
 
     > div {
-      display: flex;
-      gap: sizing.rems(xs);
       align-items: center;
+      display: flex;
+      gap: sizing.rems(xs); // sass-lint:disable-line no-misspelled-properties
+
       p {
         margin-bottom: sizing.rems(xxs);
       }
-    }
 
-    > div:first-child {
-      width: 40%;
-      p {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
+      &:first-child {
+        width: 40%;
+
+        p {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
       }
-    }
 
-    > div:last-child {
-      p {
-        color: var(--success);
+      &:last-child {
+        p {
+          color: var(--success);
+        }
       }
     }