Add space around frames

diff --git a/tagger2/AddCategory.js b/tagger2/AddCategory.js
index 933d9c43f3830c7a5ff1ea60646370789512602f..cc2f5c47b9aa72f34093be2928477bd4d40f9e17 100644 (file)
--- a/tagger2/AddCategory.js
+++ b/tagger2/AddCategory.js
@@ -15,7 +15,7 @@ export default {
         }
     },
     template: `
-        <div>
+        <div class="frame">
             <h3>Add new category</h3>
             <input type="text" v-model="category" placeholder="Category" />
             <button @click="addCategory">Add</button>

diff --git a/tagger2/AddTag.js b/tagger2/AddTag.js
index 2ba29253cacbd1f0ce19f9192c865db987d9e4f6..7931983ca8e800f73d3554baf3f29aa4c6c0b5dc 100644 (file)
--- a/tagger2/AddTag.js
+++ b/tagger2/AddTag.js
@@ -69,7 +69,7 @@ export default {
         }
     },
     template: `
-        <div style="border: 1px solid black">
+        <div class="frame">
             <h3>Add Tag</h3>
             <input type="checkbox" v-model="isVF" value="true" /> Variable Font
             <h3>Category</h3>

diff --git a/tagger2/AddTags.js b/tagger2/AddTags.js
index 259eb02911a8959fc74c43ef2d9ba8ea90f3b8de..1b39e336dacbc2ac936428c6c4e4aab7dbc9f882 100644 (file)
--- a/tagger2/AddTags.js
+++ b/tagger2/AddTags.js
@@ -82,7 +82,7 @@ export default {
         }
     },
     template: `
-    <div>
+    <div class="frame">
         <h3>Add Tags</h3>
         <div>
             <h3>Categories</h3>

diff --git a/tagger2/style.css b/tagger2/style.css
index 18f287b0b7779d3cb4897160e56998f51a33010e..c49be1b50ca77ba3294e0fe54c589a990b61f6ee 100644 (file)
--- a/tagger2/style.css
+++ b/tagger2/style.css
@@ -11,4 +11,7 @@ body {
 .tag-view { padding: 5px; border: 1px solid #eee; margin-bottom: 10px; }
 .tag-name { display: inline-block; width: 200px; font-family: monospace; font-weight: bold; }
 .tag-family { width: 200px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.tag-score { padding-left: 20px; color: #888; }
\ No newline at end of file
+.tag-score { padding-left: 20px; color: #888; }
+
+.frame { margin: 5px; padding: 5px; border: 1px solid black; }
+.panel { margin: 5px; padding: 5px; }
\ No newline at end of file