From de9ab67e8cf9f01c5aa10a9b17c6ca25f97f3e87 Mon Sep 17 00:00:00 2001
From: Odyssey <odyssey346@disroot.org>
Date: Tue, 27 Dec 2022 15:40:12 +0100
Subject: [PATCH] Add raw button to file view

Signed-off-by: Odyssey <odyssey346@disroot.org>
---
 public/css/global.css | 15 +++++++++++++++
 views/file.html       |  8 ++++----
 views/user.html       |  2 +-
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/public/css/global.css b/public/css/global.css
index 8f18658..9dc1c10 100644
--- a/public/css/global.css
+++ b/public/css/global.css
@@ -9,6 +9,7 @@
 :root {
     --text: #fff;
     --background: #252525;
+    --secondary-background: #353535;
     --background-darker: #151515;
     --accent: #00b7c3;
 }
@@ -117,6 +118,8 @@ a:hover {
 .userProfile h1 {
     color: #00b7c3;
     margin: 4px;
+    word-wrap: nowrap;
+    text-overflow: ellipsis;
 }
 
 .userProfile h2  {
@@ -195,11 +198,23 @@ a:hover {
     overflow-x: auto;
 }
 
+.userContainer {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+
+.secondary {
+    background-color: var(--secondary-background);
+}
 
 @media screen and (prefers-color-scheme: light) {
     :root {
         --text: #000;
         --background: #f1f1f1;
+        --secondary-background: #e1e1e1;
         --background-darker: #fff;
     }
     body {
diff --git a/views/file.html b/views/file.html
index d949669..7f50c4d 100644
--- a/views/file.html
+++ b/views/file.html
@@ -8,11 +8,11 @@
         </div>
 
         <div class="userReadme">
-            <h3>{{.name}}</h3>
+            <div class="userContainer">
+                <h3>{{.name}}</h3>
+                <a href="/raw/{{.fullname}}/{{.branch}}/{{.name}}" class="button secondary">Raw</a>
+            </div>
             {{ .file}}
         </div>
-        <div class="downloadParent">
-            <a href="/raw/{{.fullname}}/{{.branch}}/{{.name}}" class="button">Download</a>
-        </div>
     {{end}}
 </main>
diff --git a/views/user.html b/views/user.html
index a071c11..127751f 100644
--- a/views/user.html
+++ b/views/user.html
@@ -9,7 +9,7 @@
             <div class="userProfile">
                 <img src="{{ .AvatarUrl }}" alt="{{.Login}}'s avatar" class="avatar" width="150" height="150">
                 {{ if .Name }}
-                <h1>{{.Name}}</h1>
+                <h1 class="user-profile-h1">{{.Name}}</h1>
                 {{ end }}
                 <h2>{{.Login}}</h2>
                 {{ if eq .Type "User" }}