fixes icon issues in buttons and circular

12 years ago · 13ad808601
9 changed files with 12 additions and 18 deletions
--- a/build/minified/elements/button.min.css
+++ b/build/minified/elements/button.min.css
--- a/build/minified/elements/icons.min.css
+++ b/build/minified/elements/icons.min.css
--- a/build/packaged/semantic.min.css
+++ b/build/packaged/semantic.min.css
--- a/build/uncompressed/elements/button.css
+++ b/build/uncompressed/elements/button.css
@ -450,8 +450,6 @@ Containing Icon
 .ui.icon.buttons .button > .icon,
 .ui.icon.button > .icon {
  margin: 0em;
-  width: auto;
-  vertical-align: top;
 }
 /*--------------
   Labeled Icon
--- a/build/uncompressed/elements/icons.css
+++ b/build/uncompressed/elements/icons.css
@ -681,12 +681,12 @@ i.circular.icon {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
-  padding: 0.48em 0.4em 0.32em !important;
+  padding: 0.5em 0.35em !important;
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
-  width: 1.23em;
-  height: 1.23em;
+  width: 2em;
+  height: 2em;
 }
 i.circular.icon:before {
  vertical-align: middle;
--- a/node/src/files/components/semantic/elements/button.css
+++ b/node/src/files/components/semantic/elements/button.css
@ -450,8 +450,6 @@ Containing Icon
 .ui.icon.buttons .button > .icon,
 .ui.icon.button > .icon {
  margin: 0em;
-  width: auto;
-  vertical-align: top;
 }
 /*--------------
   Labeled Icon
--- a/node/src/files/components/semantic/elements/icons.css
+++ b/node/src/files/components/semantic/elements/icons.css
@ -681,12 +681,12 @@ i.circular.icon {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
-  padding: 0.48em 0.4em 0.32em !important;
+  padding: 0.5em 0.35em !important;
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
-  width: 1.23em;
-  height: 1.23em;
+  width: 2em;
+  height: 2em;
 }
 i.circular.icon:before {
  vertical-align: middle;
--- a/src/elements/button.less
+++ b/src/elements/button.less
@ -550,8 +550,6 @@ Containing Icon
 .ui.icon.buttons .button > .icon,
 .ui.icon.button > .icon {
  margin: 0em;
-  width: auto;
-  vertical-align: top;
 }


--- a/src/elements/icons.less
+++ b/src/elements/icons.less
@ -334,14 +334,14 @@ i.circular.icon {
  -moz-border-radius: 500px;
  border-radius: 500px;

-  padding: 0.48em 0.4em 0.32em !important;
+  padding: 0.5em 0.35em !important;

  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;

-  width: 1.23em;
-  height: 1.23em;
+  width: 2em;
+  height: 2em;
 }
 i.circular.icon:before {
  vertical-align: middle;