From 58c05ddadf2638f02e4051bc0d47087c2a4d8f52 Mon Sep 17 00:00:00 2001
From: HackerNCoder <hackerncoder@encryptionin.space>
Date: Fri, 23 Sep 2022 01:06:38 +0200
Subject: [PATCH] A finished page

---
 assets/css/styles.css  | 11 +++++++++++
 templates/project.html |  8 +++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index e3719ff..d058329 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -11710,3 +11710,14 @@ body {
 .footer {
   padding: 5rem 0;
 }
+
+.crop {
+  width: 300px;
+  display: block;
+  overflow: hidden;
+}
+
+.crop img {
+  width: 400px;
+  margin-left: -100px;
+}
diff --git a/templates/project.html b/templates/project.html
index 1a02f38..cd9b4f5 100644
--- a/templates/project.html
+++ b/templates/project.html
@@ -11,13 +11,15 @@
       <h3 class="my-3">Project Description</h3>
       <p>{{this.body}}</p>
       <h3 class="my-3">Weblate status</h3>
-      <a href="https://littleroot.net/weblate/engage/{{ this.weblate }}/">
+      <a class="crop" href="https://littleroot.net/weblate/engage/{{ this.weblate }}/">
 			  <img src="https://littleroot.net/weblate/widgets/{{ this.weblate }}/-/multi-auto.svg" alt="Translation status" />
 			</a>
       <h3 class="my-3">Project Details</h3>
       <div class="w-100 text-center">
-        <a href="https://littleroot.net/weblate/engage/{{ this.weblate }}/" class="btn btn-primary"><i class="fa fa-language" aria-hidden="true"></i> Translate</a>
-        <a href="{{this.website}}" class="btn btn-primary"><i class="fa fa-external-link" aria-hidden="true"></i> Download</a>
+        <div class="mx-auto" style="width: 210px;">
+          <a href="https://littleroot.net/weblate/engage/{{ this.weblate }}/" class="btn btn-primary w-100 mb-2 px-0"><i class="fa fa-language" aria-hidden="true"></i> Translate</a>
+          <a href="{{this.website}}" class="px-0 btn btn-primary w-100"><i class="fa fa-external-link" aria-hidden="true"></i> Download</a>
+        </div>
       </div>
     </div>
   </div>