From 230cd1bcb845908373e6d80ae0b10e51662eaba2 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen@syndamia.com>
Date: Sun, 9 Feb 2025 20:20:16 +0200
Subject: feat(user/update): Move buttons to side and replace text with icons

---
 views/styles.css | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

(limited to 'views/styles.css')

diff --git a/views/styles.css b/views/styles.css
index 0ec7895..cd151d0 100644
--- a/views/styles.css
+++ b/views/styles.css
@@ -449,18 +449,44 @@ hr.new-section {
   height: 4em;
 }
 
+#user-main {
+  display: flex;
+  gap: 1em;
+}
+
+#user-main > * {
+  text-align: unset;
+}
+
+#user-main > :nth-child(2) {
+  flex: 1;
+}
+
 #user-buttons {
   margin: 0 1em 2em 1em;
   display: flex;
-  flex-direction: row;
-  gap: 1em;
+  flex-direction: column;
+  gap: 0.5em;
+  float: right;
+}
+
+.standalone-button {
+  border: none;
+  box-shadow: none;
+}
+
+.standalone-button svg {
+  height: 1.5em;
+  vertical-align: middle;
 }
 
 #user-nav {
   display: flex;
   flex-direction: row;
   gap: 1em;
+  margin-left: -1em;
   margin-bottom: 2em;
+  width: calc(100% + 2em);
 }
 
 #user-nav button {
-- 
cgit v1.2.3