From 93b7033fed80cca1df0e339c76755dd85089141d Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Tue, 27 Apr 2021 08:50:53 +0200
Subject: max-width footer

---
 api/api.ts            | 1 +
 api/readme.md         | 1 +
 components/footer.tsx | 2 +-
 styles/footer.css     | 5 ++++-
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/api/api.ts b/api/api.ts
index a2a1e95..0949139 100644
--- a/api/api.ts
+++ b/api/api.ts
@@ -67,6 +67,7 @@ export interface serverStatus {
 	games: number;
 	version: {
 		commit: string;
+		commit_short: string;
 		number: string;
 	};
 }
diff --git a/api/readme.md b/api/readme.md
index cba7625..b461270 100644
--- a/api/readme.md
+++ b/api/readme.md
@@ -31,6 +31,7 @@ API return type classes are mostly defined in api/api.ts
   games: int,
   version: {
     commit: string,
+    commit_short: string,
     number: string
   }
 }
diff --git a/components/footer.tsx b/components/footer.tsx
index 575f7e9..a20a746 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -44,7 +44,7 @@ export function Footer() {
 			<h2>4 op een rij</h2>
 			<span className='versionString subtile posabs abscenterv'>
 				<span className='number'>v{status?.version.number}</span>
-				<span className='commit'>({status?.version.commit.substr(0, 8)})</span>
+				<span className='commit'>({status?.version.commit_short})</span>
 			</span>
 		</div>
 		<div className='content'>
diff --git a/styles/footer.css b/styles/footer.css
index cd43c7d..aea6abd 100644
--- a/styles/footer.css
+++ b/styles/footer.css
@@ -1,5 +1,8 @@
 .footer {
-	margin-top: 24px;
+	margin-top: var(--spacing-large);
+	margin: 0 auto;
+	max-width: 800px;
+
 	padding: 24px 48px;
 }
 
-- 
cgit v1.2.3