From 9f0c6a8ad42c71b4f28b7358edd33774a1504f30 Mon Sep 17 00:00:00 2001
From: nquidox <nquidox@gmail.com>
Date: Wed, 24 Sep 2025 21:30:50 +0300
Subject: [PATCH] moved styles

---
 src/styles/styles.css        | 27 +++++++++++++++++++++++++++
 src/views/CollectionView.vue | 15 ---------------
 2 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/src/styles/styles.css b/src/styles/styles.css
index 9384e6c..4b5e318 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -25,3 +25,30 @@
 .center-button {
   min-width: 320px;
 }
+
+.grid-item {
+  margin: 5px;
+}
+
+.grid-main {
+  margin: 10px auto;
+}
+
+.card-link {
+  display: block;
+  text-decoration: none;
+  color: inherit;
+}
+.card-link:hover {
+  text-decoration: none;
+}
+
+.micro-uuid {
+  font-size: 0.8rem;
+  color: rgba(0, 0, 0, 0.6);
+  margin: 0;
+}
+
+.text-center {
+  text-align: center;
+}
diff --git a/src/views/CollectionView.vue b/src/views/CollectionView.vue
index f5ec6fc..d260d50 100644
--- a/src/views/CollectionView.vue
+++ b/src/views/CollectionView.vue
@@ -39,20 +39,5 @@ onMounted(() => {
 </template>
 
 <style scoped>
-.grid-item {
-  margin: 5px;
-}
 
-.grid-main {
-  margin: 10px auto;
-}
-
-.card-link {
-  display: block;
-  text-decoration: none;
-  color: inherit;
-}
-.card-link:hover {
-  text-decoration: none;
-}
 </style>