4 files changed, 28 insertions, 2 deletions
diff --git a/wwwroot/images/grid-large.svg b/wwwroot/images/grid-large.svg
new file mode 100644
index 0000000..b458975
--- /dev/null
+++ b/wwwroot/images/grid-large.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 70 70" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="5px">
+  <rect x="10" y="10" width="50" height="50"/>
+</svg>
diff --git a/wwwroot/images/grid-medium.svg b/wwwroot/images/grid-medium.svg
new file mode 100644
index 0000000..410b362
--- /dev/null
+++ b/wwwroot/images/grid-medium.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 70 70" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="5px">
+  <rect x="10" y="10" width="20" height="20"/>
+  <rect x="40" y="10" width="20" height="20"/>
+
+  <rect x="10" y="40" width="20" height="20"/>
+  <rect x="40" y="40" width="20" height="20"/>
+</svg>
diff --git a/wwwroot/images/grid-small.svg b/wwwroot/images/grid-small.svg
new file mode 100644
index 0000000..fb75516
--- /dev/null
+++ b/wwwroot/images/grid-small.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 70 70" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="5px">
+  <rect x="10" y="10" width="10" height="10"/>
+  <rect x="30" y="10" width="10" height="10"/>
+  <rect x="50" y="10" width="10" height="10"/>
+
+  <rect x="10" y="30" width="10" height="10"/>
+  <rect x="30" y="30" width="10" height="10"/>
+  <rect x="50" y="30" width="10" height="10"/>
+
+  <rect x="10" y="50" width="10" height="10"/>
+  <rect x="30" y="50" width="10" height="10"/>
+  <rect x="50" y="50" width="10" height="10"/>
+</svg>
diff --git a/wwwroot/styles/global.css b/wwwroot/styles/global.css
index 9de9fc1..f2b6147 100644
--- a/wwwroot/styles/global.css
+++ b/wwwroot/styles/global.css
@@ -108,9 +108,12 @@ button.warning {
 }
 
 button > img {
-    height:       15px;
+    height: 15px;
+    width:  15px;
+}
+
+button > :not(:last-child) {
     margin-right: 5px;
-    width:        15px;
 }
 
 @media (hover: none) and (pointer: coarse) {