From fbfcac3bb09ec6dca1ffb185fc4b2729f5bbc088 Mon Sep 17 00:00:00 2001
From: nquidox <nquidox@gmail.com>
Date: Mon, 22 Sep 2025 19:29:59 +0300
Subject: [PATCH] factor out styles

---
 src/styles/styles.css                           | 10 ++++++++++
 src/views/PersonalView/PersonalSessionBlock.vue | 12 ++----------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/styles/styles.css b/src/styles/styles.css
index 839c4e6..9384e6c 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -15,3 +15,13 @@
   display: flex;
   justify-content: center;
 }
+
+.center-button-container {
+  display: flex;
+  justify-content: center;
+  margin-top: 10px;
+}
+
+.center-button {
+  min-width: 320px;
+}
diff --git a/src/views/PersonalView/PersonalSessionBlock.vue b/src/views/PersonalView/PersonalSessionBlock.vue
index 39bb039..8fef1ad 100644
--- a/src/views/PersonalView/PersonalSessionBlock.vue
+++ b/src/views/PersonalView/PersonalSessionBlock.vue
@@ -48,21 +48,13 @@ const onLogout = () => {
           {{ formattedDate }}
         </n-thing>
       </n-list-item>
-      <div class="logout-container">
-        <n-button type="info" class="logout" @click="onLogout">Log out</n-button>
+      <div class="center-button-container">
+        <n-button type="info" class="center-button" @click="onLogout">Log out</n-button>
       </div>
     </n-list>
   </n-card>
 </template>
 
 <style scoped>
-.logout-container {
-  display: flex;
-  justify-content: center;
-  margin-top: 10px;
-}
 
-.logout {
-  min-width: 320px;
-}
 </style>