fix style

src/options/style.css

@@ -33,13 +33,9 @@ hr {
   border: none;
   border-top: 1px solid darkgray;
 }
-fieldset {
-  padding: .3rem;
-  margin-top: .5rem;
-  border: 1px solid silver;
-  textarea {
-    height: 5em;
-  }
+textarea {
+  display: block;
+  width: 100%;
 }
 
 .pull-left {

src/options/views/app.vue

@@ -2,7 +2,6 @@
 import { store } from '../utils';
 import Main from './main';
 import Confirm from './confirm';
-import '../style.css';
 
 const components = {
   Main,
@@ -17,3 +16,5 @@ export default {
   },
 };
 </script>
+
+<style src="../style.css"></style>

src/options/views/edit/settings.vue

@@ -132,8 +132,7 @@ export default {
     flex: 1;
   }
   > textarea {
-    display: block;
-    width: 100%;
+    min-height: 5em;
   }
   > .hint {
     display: none;
@@ -161,8 +160,5 @@ export default {
   &:hover > .hint {
     display: block;
   }
-  > textarea {
-    min-height: 5em;
-  }
 }
 </style>

src/popup/views/app.vue

@@ -164,6 +164,4 @@ export default {
 };
 </script>
 
-<style>
-@import '../style.css';
-</style>
+<style src="../style.css"></style>