Update styles

css/options.css

@@ -26,11 +26,14 @@ main {
 /*font family*/
 body,
 body label,
-body input,
-body select,
-body button {
+body input {
   font-family: 'Monospace', monospace !important;
 }
+body select,
+body button,
+.m-name {
+  font-family: sans-serif !important;
+}
 
 
 /*content*/

css/popup.css

@@ -1,6 +1,5 @@
 
 html, body {
-  font-family: 'Helvetica', 'Arial', sans-serif;
   height: auto;
   min-height: auto;
   overflow: hidden;
@@ -9,8 +8,26 @@ html, body {
   margin: 0;
 }
 
+/*font family*/
+body,
+body label,
+body input {
+  font-family: 'Monospace', monospace !important;
+}
+body select,
+body button,
+body a.mdc-tab {
+  font-family: sans-serif !important;
+}
+
+.mdc-elevation--z2 {
+  box-shadow:
+    0 3px 1px -2px rgba(0,0,0,.2),
+    0 2px 2px 0 rgba(0,0,0,.14),
+    0 1px 5px 0 rgba(0,0,0,.12);
+}
+
 #popup {
-  letter-spacing: 0.2px;
   width: 350px;
   padding: 20px;
   -webkit-user-select: none;
@@ -33,12 +50,10 @@ html, body {
 
 /*select*/
 .m-select {
-  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
   font-size: 14px;
   line-height: 17px;
   color: #000;
   text-transform: uppercase;
-  letter-spacing: 0.2px;
   background-color: #ececec;
   border: none;
   border-radius: 2px;