Ensure add button is perfectly rounded and remove unused / uneeded CSS.

umbraco · Aug 30, 2021 · 4eed7d6 · 4eed7d6
1 parent 16ca4a1
commit 4eed7d6
Showing 1 changed file with 3 additions and 12 deletions.
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-grid.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-grid.less
@@ -565,12 +565,11 @@
 // ICONS
 // -------------------------
 .umb-grid .iconBox {
-    padding: 4px 6px;
-    display: inline-block;
-    cursor: pointer;
+    padding: 6px;
+    display: flex;
     border-radius: 200px;
     border: 1px solid @ui-action-discreet-border;
-    margin: 2px;
+    margin: 0 auto;
 
     &:hover, &:hover * {
         background: @ui-action-discreet-type-hover !important;
@@ -599,21 +598,13 @@
     -webkit-appearance: none;
     background-image: linear-gradient(to bottom,@gray-9,@gray-7);
     background-repeat: repeat-x;
-    zoom: 1;
     border-color: @gray-7 @gray-7 @gray-6;
     border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
     box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
     border-radius: 3px;
     background: transparent;
 }
 
-.umb-grid .iconBox i {
-    color: @gray-3;
-    display: block;
-    font-size: 16px;
-    line-height: inherit;
-}
-
 .umb-grid .help-text {
     color: @black;
     font-size: 14px;