fixes issues with buttons using <button> tag, fixes form formatting for input type=Button

Former-commit-id: 513fcee86b
Former-commit-id: 6e41cd9f75

build/packaged/semantic.min.css.REMOVED.git-id

@@ -1 +1 @@
-71729cd7c42ee0fef402c324ea3fa6be7fec3c5f
+b3043012b2e87240e84bd8fc6e153fc957640704

build/uncompressed/collections/form.css

@@ -140,7 +140,8 @@
 /*--------------------
         Focus
 ---------------------*/
-.ui.form input:focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="password"]:focus,
 .ui.form textarea:focus {
   color: rgba(0, 0, 0, 0.85);
   border-color: rgba(0, 0, 0, 0.2);
@@ -189,7 +190,8 @@
   box-shadow: 0.3em 0em 0em 0em #EF4D6D inset;
 }
 .ui.form .field.error textarea:focus,
-.ui.form .field.error input:focus {
+.ui.form .field.error input[type="text"]:focus,
+.ui.form .field.error input[type="password"]:focus {
   border-color: #ff5050;
   color: #ff5050;
   -webkit-box-shadow: 0.3em 0em 0em 0em #FF5050 inset;

build/uncompressed/elements/button.css

@@ -19,6 +19,7 @@
   vertical-align: middle;
   min-height: 1em;
   outline: none;
+  border: none;
   background-color: #EDEDED;
   color: #999999;
   padding: 0.8em 1.5em;
@@ -32,9 +33,9 @@
   -webkit-border-radius: 0.3125em;
   -moz-border-radius: 0.3125em;
   border-radius: 0.3125em;
-  -webkit-box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
+  -webkit-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
+  -moz-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
+  box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;

node/src/files/components/semantic/collections/form.css

@@ -140,7 +140,8 @@
 /*--------------------
         Focus
 ---------------------*/
-.ui.form input:focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="password"]:focus,
 .ui.form textarea:focus {
   color: rgba(0, 0, 0, 0.85);
   border-color: rgba(0, 0, 0, 0.2);
@@ -189,7 +190,8 @@
   box-shadow: 0.3em 0em 0em 0em #EF4D6D inset;
 }
 .ui.form .field.error textarea:focus,
-.ui.form .field.error input:focus {
+.ui.form .field.error input[type="text"]:focus,
+.ui.form .field.error input[type="password"]:focus {
   border-color: #ff5050;
   color: #ff5050;
   -webkit-box-shadow: 0.3em 0em 0em 0em #FF5050 inset;

node/src/files/components/semantic/elements/button.css

@@ -19,6 +19,7 @@
   vertical-align: middle;
   min-height: 1em;
   outline: none;
+  border: none;
   background-color: #EDEDED;
   color: #999999;
   padding: 0.8em 1.5em;
@@ -32,9 +33,9 @@
   -webkit-border-radius: 0.3125em;
   -moz-border-radius: 0.3125em;
   border-radius: 0.3125em;
-  -webkit-box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0em -0.125em 0em rgba(0, 0, 0, 0.1) inset;
+  -webkit-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
+  -moz-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
+  box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;

src/collections/form.less

@@ -198,7 +198,8 @@
         Focus
 ---------------------*/
 
-.ui.form input:focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="password"]:focus,
 .ui.form textarea:focus {
   color: rgba(0, 0, 0, 0.85);
   border-color: rgba(0, 0, 0, 0.2);
@@ -257,7 +258,8 @@
 
 }
 .ui.form .field.error textarea:focus,
-.ui.form .field.error input:focus {
+.ui.form .field.error input[type="text"]:focus,
+.ui.form .field.error input[type="password"]:focus {
   border-color: rgba(255, 80, 80, 1);
   color: rgba(255, 80, 80, 1);
 

src/elements/button.less

@@ -24,6 +24,7 @@
   min-height: 1em;
 
   outline: none;
+  border: none;
   background-color: #EDEDED;
   color: #999999;
 
@@ -43,13 +44,13 @@
   border-radius: 0.3125em;
 
   -webkit-box-shadow:
-    0em -0.125em 0em rgba(0, 0, 0, 0.1) inset
+    0em -0.185em 0em rgba(0, 0, 0, 0.1) inset
   ;
   -moz-box-shadow:
-    0em -0.125em 0em rgba(0, 0, 0, 0.1) inset
+    0em -0.185em 0em rgba(0, 0, 0, 0.1) inset
   ;
   box-shadow:
-    0em -0.125em 0em rgba(0, 0, 0, 0.1) inset
+    0em -0.185em 0em rgba(0, 0, 0, 0.1) inset
   ;
 
   -webkit-user-select: none;