Browse Source

Update popup select styles

simov 9 years ago
parent
commit
9c59e08d99
2 changed files with 5 additions and 2 deletions
  1. 1 1
      content/popup.js
  2. 4 1
      css/popup.css

+ 1 - 1
content/popup.js

@@ -84,7 +84,7 @@ m.mount(document.querySelector('body'), {
         'Defaults'),
         'Defaults'),
 
 
       m('h4', 'Theme'),
       m('h4', 'Theme'),
-      m('select', {onchange: events.changeTheme}, state.themes.map((theme) =>
+      m('select.mdl-shadow--2dp', {onchange: events.changeTheme}, state.themes.map((theme) =>
         m('option', {selected: state.theme === theme}, theme)
         m('option', {selected: state.theme === theme}, theme)
       )),
       )),
 
 

+ 4 - 1
css/popup.css

@@ -10,7 +10,10 @@ select {
   font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
   font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
   font-size: 14px; line-height: 17px;
   font-size: 14px; line-height: 17px;
   text-transform: uppercase;
   text-transform: uppercase;
-  width: 350px; padding: 5px;
+  background-color: #ececec;
+  border: none; border-radius: 2px;
+  cursor: pointer;
+  width: 350px; padding: 9px 12px;
 }
 }
 
 
 button:nth-child(2) { float: right; }
 button:nth-child(2) { float: right; }