Change IC button colors

pinballmap · Sep 22, 2024 · 4b986ae · 4b986ae
1 parent 473259e
commit 4b986ae
Showing 1 changed file with 13 additions and 12 deletions.
diff --git a/app/assets/stylesheets/application.css.scss.erb b/app/assets/stylesheets/application.css.scss.erb
@@ -1536,6 +1536,7 @@ span.machine_year_man {
   @include radius(10px);
   margin: 10px auto 0;
   border: none;
+  height: 26px;
   font-family: $Nunito_600SemiBold;
 }
 
@@ -1554,18 +1555,18 @@ span.machine_year_man {
 }
 
 .ic_button.ic_yes {
-  color: #66017b;
-  background: #ecbcf5;
+  color: #440152;
+  background: #e3fae5;
 }
 
 .ic_button.ic_yes:hover {
   color: #440152;
-  background: #ddade5;
+  background: #bff3c3;
 }
 
 .ic_button.ic_no {
   color: #533a3a;
-  background: #e7c8c8;
+  background: #f0d8d8;
 }
 
 .ic_button.ic_no:hover {
@@ -1587,7 +1588,7 @@ span.machine_year_man {
   content: "Has";
   background: url(<%= asset_path 'icons/ic_yes.svg' %>);
   background-repeat: no-repeat;
-  background-position: 0 0;
+  background-position: 0 1px;
   padding-left: 18px;
   background-size: 15px;
   position: relative;
@@ -1608,15 +1609,15 @@ span.machine_year_man {
 }
 
 .ic_unknown:before {
-  content: "";
+  content: "\00a0";
   background: url(<%= asset_path 'icons/ic_unknown.svg' %>);
   background-repeat: no-repeat;
-  display: inline-block;
-  background-position: -2px 1px;
-  height: 20px;
-  margin: -4px 10px 0px 0px;
-  width: 20px;
-  vertical-align: middle;
+  background-position: -1px 0;
+  padding-left: 20px;
+  background-size: 18px;
+  position: relative;
+  white-space: nowrap;
+  margin-right: 3px;
 }
 
 /* END ic_toggle */