Remove manual offsets for vertically centered buttons, instead use absolute positioning on icon

src/definitions/collections/menu.less

@@ -198,23 +198,12 @@
 
   width: 100%;
 }
-.ui.menu:not(.vertical) .item > .icon.input .icon {
-  top: @inputIconOffset;
-}
-.ui.menu:not(.vertical) .item > .transparent.icon.input .icon {
-  top: @inputVerticalPadding;
-}
 .ui.menu:not(.vertical) .item > .input input {
   font-size: @inputSize;
   padding-top: @inputVerticalPadding;
   padding-bottom: @inputVerticalPadding;
 }
 
-/* Labeled Button */
-.ui.menu:not(.vertical) .item > .labeled.button > .icon {
-  padding-top: @labeledButtonPadding;
-}
-
 /* Action Input */
 .ui.menu:not(.vertical) .item .action.input > .button {
   font-size: @buttonSize;

src/definitions/elements/button.less

@@ -509,10 +509,6 @@
 .ui.compact.labeled.icon.button {
   padding: @compactVerticalPadding (@compactHorizontalPadding + @labeledIconWidth) ( @compactVerticalPadding + @shadowOffset );
 }
-.ui.compact.labeled.icon.buttons > .button > .icon,
-.ui.compact.labeled.icon.button > .icon {
-  padding-top: (@compactVerticalPadding + @iconOffset) !important;
-}
 
 /*-------------------
         Sizes
@@ -611,9 +607,6 @@
   text-shadow: none !important;
   box-shadow: @basicBoxShadow;
 }
-.ui.basic.labeled.icon.button > .icon {
-  padding-top: (@verticalPadding + @iconOffset) !important;
-}
 .ui.basic.buttons {
   box-shadow: @basicGroupBoxShadow;
   border-radius: @borderRadius;
@@ -723,7 +716,6 @@
 
   width: @labeledIconWidth;
   height: 100%;
-  padding-top: (@verticalPadding + @iconOffset);
 
   background-color: @labeledIconBackgroundColor;
   text-align: center;
@@ -733,6 +725,17 @@
   line-height: 1;
   box-shadow: @labeledIconLeftShadow;
 }
+.ui.labeled.icon.buttons > .button > .icon:before,
+.ui.labeled.icon.button > .icon:before,
+.ui.labeled.icon.buttons > .button > .icon:after,
+.ui.labeled.icon.button > .icon:after {
+  display: block;
+  position: absolute;
+  width: 100%;
+  top: 50%;
+  text-align: center;
+  margin-top: -0.5em;
+}
 
 .ui.labeled.icon.buttons .button > .icon {
   border-radius: 0em;

src/definitions/elements/input.less

@@ -171,7 +171,6 @@
   margin: 0em;
   width: @iconWidth;
   height: 100%;
-  padding-top: @iconOffset;
 
   text-align: center;
 
@@ -179,6 +178,15 @@
   box-sizing: border-box;
   transition: @iconTransition;
 }
+.ui.icon.input > .icon:before,
+.ui.icon.input > .icon:after {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  top: 50%;
+  width: 100%;
+  margin-top: -0.5em;
+}
 .ui.icon.input > .link.icon {
   cursor: pointer;
 }
@@ -208,7 +216,6 @@
 /* Transparent Icon */
 .ui.transparent.icon.input > .icon {
   width: @transparentIconWidth;
-  padding-top: @transparentIconOffset;
 }
 .ui.transparent.icon.input > input {
   padding-left: 0em !important;

src/definitions/modules/dropdown.less

@@ -147,9 +147,6 @@
 .ui.dropdown .menu > .input:not(.transparent) input {
   padding: @menuInputPadding;
 }
-.ui.dropdown .menu > .input:not(.transparent) .icon {
-  padding-top: @menuInputIconOffset;
-}
 
 /*--------------
    Item Image

src/themes/packages/default/collections/menu.variables

@@ -95,14 +95,11 @@
 @buttonSize: 0.875em;
 @actionButtonHorizontalPadding: 0.8em;
 
-@labeledButtonPadding: 0.6em;
-
 /* Input */
 @inputSize: 1em;
 @inputVerticalMargin: -0.6em;
 @inputOffset: 0em;
 @inputVerticalPadding: 0.35em;
-@inputIconOffset: -0.35em;
 
 @smallInputOffset: 0em;
 @smallInputVerticalPadding: 0.4em;

src/themes/packages/default/elements/input.variables

@@ -36,14 +36,12 @@
 @glyphWidth: 1.25em;
 @iconWidth: (@verticalPadding * 2) + @glyphWidth;
 @iconOpacity: 0.5;
-@iconOffset: 0.9em;
 @iconFocusOpacity: 1;
-@iconSpacing: 0.5em;
+@iconSpacing: 0em;
 @iconMargin: @iconWidth + @iconSpacing;
 @iconTransition: opacity 0.3s @defaultEasing;
 
-@transparentIconWidth: auto;
-@transparentIconOffset: (@lineOffset * 2);
+@transparentIconWidth: @glyphWidth;
 @transparentIconMargin: 1.75em;
 
 /* Circular Icon Input */

src/themes/packages/default/modules/dropdown.variables

@@ -68,7 +68,6 @@
 @menuInputMargin: 0.75rem @itemHorizontalPadding 0.25rem;
 @menuInputMinWidth: 200px;
 @menuInputPadding: 0.5em 1em;
-@menuInputIconOffset: 0.7em;
 
 /* Menu Image */
 @menuImageMaxHeight: 2.5em;