From ce2cabfb0af53015630df7c353f1307783aa39e0 Mon Sep 17 00:00:00 2001
From: Jonni Liljamo <jonni@liljamo.com>
Date: Thu, 24 Aug 2023 13:23:37 +0300
Subject: [PATCH] feat: tags link, username group width fix

---
 static/styles.css                   | 16 ++++++++++++++++
 template/templates/common/base.tmpl |  7 +++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/static/styles.css b/static/styles.css
index b630ad7..e9c1815 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -581,6 +581,10 @@ video {
   max-width: 56rem;
 }
 
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -670,6 +674,18 @@ video {
   padding: 1rem;
 }
 
+.pl-2 {
+  padding-left: 0.5rem;
+}
+
+.pr-4 {
+  padding-right: 1rem;
+}
+
+.pl-4 {
+  padding-left: 1rem;
+}
+
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
diff --git a/template/templates/common/base.tmpl b/template/templates/common/base.tmpl
index b727ab1..51e6a60 100644
--- a/template/templates/common/base.tmpl
+++ b/template/templates/common/base.tmpl
@@ -23,13 +23,16 @@
 						Tixë
 					</a>
 				</div>
-				<div class="flex w-full">
+				<div class="flex flex-row-reverse w-full pr-4">
+					{{ if eq .notauthed nil }}
+						<a class="hover:underline" href="/tags">tags</a>
+					{{ end }}
 				</div>
 				<div class="flex flex-col min-w-max">
 					{{ if eq .notauthed true }}
 						Not logged in
 					{{ else if ne .user nil }}
-						<div class="group">
+						<div class="group w-fit">
 							<div class="group-hover:animate-wiggle">
 								<a class="font-bold animate-starshoot1 hover:underline" href="/settings">{{ .user.DisplayName }}</a>
 							</div>
-- 
2.44.1