From e8a4acd23f16605df7fa41102350f5135152c005 Mon Sep 17 00:00:00 2001
From: confused-Techie <dev@lhbasics.com>
Date: Sun, 2 Jul 2023 03:38:22 -0700
Subject: [PATCH] Fixes now caught by transformations

---
 static/atom-ui/styles/buttons.less          | 18 +++++++++---------
 static/atom-ui/styles/inputs.less           |  6 +++---
 static/atom-ui/styles/layout.less           |  4 ++--
 static/atom-ui/styles/messages.less         |  2 +-
 static/atom-ui/styles/private/sections.less |  2 +-
 5 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/static/atom-ui/styles/buttons.less b/static/atom-ui/styles/buttons.less
index 5f5c35d9b..a2919b37b 100644
--- a/static/atom-ui/styles/buttons.less
+++ b/static/atom-ui/styles/buttons.less
@@ -13,7 +13,7 @@
 .btn {
   display: inline-block;
   margin-bottom: 0; // For input.btn
-  height: @component-line-height + 2px;
+  height: (@component-line-height + 2px);
   padding: 0 @component-padding;
   font-size: @font-size;
   font-weight: normal;
@@ -154,31 +154,31 @@
 
 .btn-xs,
 .btn-group-xs > .btn {
-  padding: @component-padding/4 @component-padding/2;
-  font-size: @font-size - 2px;
+  padding: (@component-padding/4) (@component-padding/2);
+  font-size: (@font-size - 2px);
   height: auto;
   line-height: 1.3em;
   &.icon:before {
-    font-size: @font-size - 2px;
+    font-size: (@font-size - 2px);
   }
 }
 .btn-sm,
 .btn-group-sm > .btn {
-  padding: @component-padding/4 @component-padding/2;
+  padding: (@component-padding/4) (@component-padding/2);
   height: auto;
   line-height: 1.3em;
   &.icon:before {
-    font-size: @font-size + 1px;
+    font-size: (@font-size + 1px);
   }
 }
 .btn-lg,
 .btn-group-lg > .btn {
   font-size: @font-size + 2px;
-  padding: @component-padding - 2px  @component-padding + 2px;
+  padding: (@component-padding - 2px)  (@component-padding + 2px);
   height: auto;
   line-height: 1.3em;
   &.icon:before {
-    font-size: @font-size + 6px;
+    font-size: (@font-size + 6px);
   }
 }
 
@@ -266,7 +266,7 @@ input[type="button"] {
     margin-left: 0;
   }
   > * {
-    margin-right: @component-padding / 2;
+    margin-right: (@component-padding / 2);
   }
   > *:last-child {
     margin-right: 0;
diff --git a/static/atom-ui/styles/inputs.less b/static/atom-ui/styles/inputs.less
index 591de55db..6c4ecaf8c 100644
--- a/static/atom-ui/styles/inputs.less
+++ b/static/atom-ui/styles/inputs.less
@@ -230,7 +230,7 @@ input.input-toggle {
       width: inherit;
       height: inherit;
       border-radius: inherit;
-      border: @component-size/3 solid transparent;
+      border: (@component-size/3) solid transparent;
       background-clip: content-box;
       background-color: @base-background-color;
       transform: scale(0);
@@ -347,7 +347,7 @@ input.input-toggle {
     display: inline-block;
     position: relative;
     font-size: inherit;
-    width: @component-size * 2;
+    width: (@component-size * 2);
     height: @component-size;
     vertical-align: middle;
     border-radius: 2em;
@@ -368,7 +368,7 @@ input.input-toggle {
       width: @component-size;
       height: @component-size;
       border-radius: inherit;
-      border: @component-size/4 solid transparent;
+      border: (@component-size/4) solid transparent;
       background-clip: content-box;
       background-color: @base-background-color;
       transition: transform .2s cubic-bezier(0.5, 0.15, 0.2, 1);
diff --git a/static/atom-ui/styles/layout.less b/static/atom-ui/styles/layout.less
index 83560fab9..0348bc811 100644
--- a/static/atom-ui/styles/layout.less
+++ b/static/atom-ui/styles/layout.less
@@ -34,7 +34,7 @@ div > div.block:last-child {
   margin-right: @component-padding;
 }
 .inline-block-tight {
-  margin-right: @component-padding/2;
+  margin-right: (@component-padding/2);
 }
 div > .inline-block:last-child,
 div > .inline-block-tight:last-child {
@@ -67,7 +67,7 @@ div > .inline-block-tight:last-child {
   }
   .inline-block-tight {
     margin-right: 0;
-    margin-left: @component-padding/2;
+    margin-left: (@component-padding/2);
   }
 
   > .inline-block:first-child,
diff --git a/static/atom-ui/styles/messages.less b/static/atom-ui/styles/messages.less
index a679c92cb..4667fb029 100644
--- a/static/atom-ui/styles/messages.less
+++ b/static/atom-ui/styles/messages.less
@@ -12,7 +12,7 @@
 }
 
 ul.background-message {
-  font-size: @font-size * 3;
+  font-size: (@font-size * 3);
 
   margin: 0;
   padding: 0;
diff --git a/static/atom-ui/styles/private/sections.less b/static/atom-ui/styles/private/sections.less
index 306275c12..1383d22d3 100644
--- a/static/atom-ui/styles/private/sections.less
+++ b/static/atom-ui/styles/private/sections.less
@@ -10,7 +10,7 @@ section, .section {
 
   &.bordered {
     margin: 0;
-    padding: @component-padding*2 0;
+    padding: (@component-padding*2) 0;
     border-top: 1px solid @background-color-highlight;
     border-bottom: 1px solid @tool-panel-border-color;
   }