From f05fecea436db549cfb11bbfa38b2cb0308dccba Mon Sep 17 00:00:00 2001
From: Ash Monty <git@ashmonty.com>
Date: Mon, 4 Jul 2022 18:35:31 +0200
Subject: [PATCH] style: minor changes

---
 public/assets/css/account.css    | 17 +++++++++--------
 views/account/account.handlebars |  2 ++
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/public/assets/css/account.css b/public/assets/css/account.css
index 42a8dbe..ca03116 100644
--- a/public/assets/css/account.css
+++ b/public/assets/css/account.css
@@ -31,21 +31,22 @@
   border-radius: 100%;
   background: var(--btn-secondary);
 }
-.account-sidebar .user #download-cemu-files,
-.account-sidebar .user #account-upgrade {
+.account-sidebar .buttons a {
   display: flex;
   flex-flow: column;
   align-items: center;
-  padding: 24px;
+  padding: 20px 24px;
   background: #383f6b;
-  margin: 24px 0 0;
+  margin: 20px 0 0;
   text-decoration: none;
 }
-.account-sidebar .user #download-cemu-files p.caption,
-.account-sidebar .user #account-upgrade p.caption {
-  margin: 15px 0 0;
+.account-sidebar .buttons a svg {
+  margin-bottom: 16px;
 }
-.account-sidebar .user p.cemu-warning {
+.account-sidebar .buttons a p.caption {
+  margin: 0;
+}
+.account-sidebar .buttons p.cemu-warning {
   margin: 4px 0 0;
   font-size: 0.7rem;
   color: var(--text-secondary);
diff --git a/views/account/account.handlebars b/views/account/account.handlebars
index b39ad53..072f1a3 100644
--- a/views/account/account.handlebars
+++ b/views/account/account.handlebars
@@ -10,6 +10,8 @@
 				<img src="{{account.mii.image_url}}" class="mii" />
 				<p class="miiname">{{account.mii.name}}</p>
 				<p class="username" value="{{account.username}}">PNID: {{account.username}}</p>
+			</div>
+			<div class="buttons">
 				<a class="button secondary" id="download-cemu-files" href="/account/online-files" download>
 					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
 					<p class="caption">Download account files</p>