From 7ca355db66fd914905b6ac815bfced9222703c0b Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 18 Oct 2021 14:33:45 +0200
Subject: [PATCH] feat: merge update-notification.scss styles with the
 update.vue component

---
 src/components/home/update.vue            | 39 ++++++++++++++++++++++
 src/styles/theme/_index.scss              |  1 -
 src/styles/theme/update-notification.scss | 40 -----------------------
 3 files changed, 39 insertions(+), 41 deletions(-)
 delete mode 100644 src/styles/theme/update-notification.scss

diff --git a/src/components/home/update.vue b/src/components/home/update.vue
index 1bbb9908..d6107059 100644
--- a/src/components/home/update.vue
+++ b/src/components/home/update.vue
@@ -47,3 +47,42 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.update-notification {
+	margin: 1rem;
+	display: flex;
+	align-items: center;
+	background: $warning;
+	padding: 0 0 0 .5rem;
+	border-radius: $radius;
+	font-size: .9rem;
+	color: $grey-900;
+	justify-content: space-between;
+
+	@media screen and (max-width: $desktop) {
+		position: fixed;
+		bottom: 1rem;
+		margin: 0;
+		width: 450px;
+		left: calc(50vw - 225px);
+	}
+
+	@media screen and (max-width: $tablet) {
+		position: fixed;
+		left: 1rem;
+		right: 1rem;
+		bottom: 1rem;
+		width: auto;
+	}
+
+	p {
+		text-align: center;
+		width: 100%;
+	}
+
+	> * + * {
+		margin-left: .5rem;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/src/styles/theme/_index.scss b/src/styles/theme/_index.scss
index 43bacb89..ceb59c67 100644
--- a/src/styles/theme/_index.scss
+++ b/src/styles/theme/_index.scss
@@ -8,5 +8,4 @@
 @import "loading";
 @import "navigation";
 @import "notification";
-@import "update-notification";
 @import "background";
\ No newline at end of file
diff --git a/src/styles/theme/update-notification.scss b/src/styles/theme/update-notification.scss
deleted file mode 100644
index 36cda422..00000000
--- a/src/styles/theme/update-notification.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-.update-notification {
-  margin: 1rem;
-  display: flex;
-  align-items: center;
-  background: $warning;
-  padding: 0 0 0 .5rem;
-  border-radius: $radius;
-  font-size: .9rem;
-  color: $grey-900;
-  justify-content: space-between;
-
-  @media screen and (max-width: $desktop) {
-    & {
-      position: fixed;
-      bottom: 1rem;
-      margin: 0;
-      width: 450px;
-      left: calc(50vw - 225px);
-    }
-  }
-
-  @media screen and (max-width: $tablet) {
-    & {
-      position: fixed;
-      left: 1rem;
-      right: 1rem;
-      bottom: 1rem;
-      width: auto;
-    }
-  }
-
-  p {
-    text-align: center;
-    width: 100%;
-  }
-
-  .button {
-    margin-left: .5rem;
-  }
-}