From 0ff5581e6e4809ad63eaeee87ef742c38e35ccbb Mon Sep 17 00:00:00 2001
From: Adam Goldsmith <adam@adamgoldsmith.name>
Date: Thu, 14 Oct 2021 11:33:38 -0400
Subject: [PATCH] Center printer cards with a flexbox

---
 src/App.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 8ed4050..313079d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content">
     <div v-if="!hasPrinters">
       <div class="loading-spinner"></div>
     </div>
@@ -66,6 +66,13 @@ connectWebsocket();
 </script>
 
 <style>
+.content {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
 .loading {
   display: flex;
   align-items: center;