PUSH

popup_style.css

@@ -106,11 +106,25 @@ img {
   float: left;
   width: calc(100% - 55px);
   height: 25px;
+  border-radius: 3px;
+  height: 30px;
 }
 
 #addRuleField input {
   width: 100%;
   height: 100%;
+  border: none;
+  background-color: #d7d6db;
+  -webkit-transition: .4s;
+  transition: .4s;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+#addRuleField input:focus {
+  background-color: #ccc;
+  -webkit-transition: .4s;
+  transition: .4s;
 }
 
 #addRuleBtn {
@@ -119,10 +133,12 @@ img {
   float: right;
   background-color: #b5e61d;
   border: none;
-  border-radius: 5px;
+  border-radius: 3px;
+  height: 30px;
 }
-#addRuleBtn:hover {
-  background-color: #96d160;
+
+#addRuleBtn:active {
+  background-color:  #96d160;
 }
 
 
@@ -136,13 +152,13 @@ img {
   float: left;
   background: none;
   border: none;
-}
+}/*
 .switchEnabled {
   background-image: url("switchEnabled.png");
 }
 .switchDisabled {
   background-image: url("switchDisabled.png");
-}
+}*/
 
 .textElement {
   clear: right;