From: Simon Cozens <simon@simon-cozens.org>
Date: Fri, 18 Jul 2025 13:33:24 +0000 (+0100)
Subject: Add space around frames
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=19c1aebe321ab7b67127066bd788a80922b66381;p=thirdparty%2Fgoogle%2Ffonts.git

Add space around frames
---

diff --git a/tagger2/AddCategory.js b/tagger2/AddCategory.js
index 933d9c43f..cc2f5c47b 100644
--- 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 2ba29253c..7931983ca 100644
--- 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 259eb0291..1b39e336d 100644
--- 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 18f287b0b..c49be1b50 100644
--- 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