From f3de43c8bee75a3a63282f195f9c546fe9d454d1 Mon Sep 17 00:00:00 2001
From: Adam Goldsmith <adam@adamgoldsmith.name>
Date: Tue, 10 Mar 2020 19:54:10 -0400
Subject: [PATCH] Move css to more appropriate locations

---
 App.vue                | 11 +++++++++++
 AssetLabel.vue         | 21 ---------------------
 ComputersLabelText.vue | 23 +++++++++++++++++++++++
 3 files changed, 34 insertions(+), 21 deletions(-)

diff --git a/App.vue b/App.vue
index c53a2fa..bdf19f5 100644
--- a/App.vue
+++ b/App.vue
@@ -24,3 +24,14 @@ export default class App extends Vue {
   assets: { rows: [snipeit.Hardware]; total: number } = assets;
 }
 </script>
+
+<style>
+@page {
+  size: calc(146.64pt - 4.32pt) calc(69.12pt - 4.08pt);
+  margin: 1mm;
+}
+
+body {
+  margin: 0;
+}
+</style>
diff --git a/AssetLabel.vue b/AssetLabel.vue
index 2ded0f7..04eabb3 100644
--- a/AssetLabel.vue
+++ b/AssetLabel.vue
@@ -46,15 +46,6 @@ export default class ComputerLabel extends Vue {
 </script>
 
 <style>
-@page {
-  size: calc(146.64pt - 4.32pt) calc(69.12pt - 4.08pt);
-  margin: 1mm;
-}
-
-body {
-  margin: 0;
-}
-
 .label {
   background-size: cover;
   page-break-after: always;
@@ -84,18 +75,6 @@ body {
 
 .text-content {
   margin-left: 1ex;
-  font-family: monospace;
-  line-height: 1;
-}
-
-.name {
-  font-size: 30;
-  line-height: 0.8;
-  margin-bottom: 0.1em;
-}
-
-.mac {
-  font-size: 10;
 }
 
 .bottom {
diff --git a/ComputersLabelText.vue b/ComputersLabelText.vue
index b0bc0dc..ea453c0 100644
--- a/ComputersLabelText.vue
+++ b/ComputersLabelText.vue
@@ -29,3 +29,26 @@ export default class ComputersLabelText extends Vue {
   }
 }
 </script>
+
+<style scoped>
+.text-content {
+  font-family: monospace;
+  line-height: 1;
+}
+
+.emoji {
+  font: 'Twemoji Mozilla';
+  font-size: 20;
+  vertical-align: 30%;
+}
+
+.name {
+  font-size: 30;
+  line-height: 0.8;
+  margin-bottom: 0.1em;
+}
+
+.mac {
+  font-size: 10;
+}
+</style>