From 1323cba20c5fdde1d400942bf45870564d90ede9 Mon Sep 17 00:00:00 2001
From: HackerNCoder <hackerncoder@encryptionin.space>
Date: Fri, 18 Nov 2022 22:38:32 +0100
Subject: [PATCH] Add endfor

---
 assets/css/styles.css |  3 +--
 templates/games.html  | 18 ++++++++++++------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index fe9c1fc..7fa0cbd 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -3595,8 +3595,7 @@ textarea.form-control-lg {
 }
 
 .btn-sm, .btn-group-sm > .btn {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
+  padding: 0.75rem 1.25rem !important;
   border-radius: 0.2rem;
 }
 
diff --git a/templates/games.html b/templates/games.html
index 1174f82..a45185a 100644
--- a/templates/games.html
+++ b/templates/games.html
@@ -5,19 +5,25 @@
 {% block twittertitle %}{{ this.title }} | Queerscriptors{% endblock %}
 {% block page %}
 {% include 'header.html' %}
+<div class="container my-5 pt-5" >
 {% for project in this.children %}
   {% set image = project.attachments.images.first() %}
-  <div class="card mb-3">
-      <div class="row gb-0" >
-          <div class="col-md-0" >
-              <img src="{{image}}" class="img-fluid rounded-start" >
+  <div class="card mt-3">
+      <div class="row g-0" >
+          <div class="col-md-4" >
+              <img src="{{image|url}}" class="img-fluid rounded-start" >
           </div>
           <div class="col-md-8" >
-              <div class="card-body" >
-                  <h5 class="card-title" >{{project.title}}</h5>
+              <div class="card-body h-100 position-relative" >
+                  <h3 class="card-title" >{{project.title}}</h3>
                   <p class="card-text" >{{project.shortbody}}</p>
+                  <div class="position-absolute bottom-0 end-0 mb-2 me-2">
+                    <a href="{{project|url}}" class="btn btn-primary btn-sm">{{ _("View") }} <i class="fa fa-angle-right" aria-hidden="true"></i></a>
+                  </div>
               </div>
           </div>
       </div>
   </div>
+{% endfor %}
+</div>
 {% endblock %}