Min-height to pages with less content (#1012)

* Min-height to pages with less content * Undo prettier format Signup.html * undo prettier format search.html * undo perttier for leaderboard_specific_month * undo eachmoth.html * undo global leaderboard Co-authored-by: manish bisht <manishbisth9711@gmail.com>
OWASP-BLT · Jan 3, 2023 · 3c3995b · 3c3995b
1 parent 1f0153e
commit 3c3995b
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 6 deletions.
diff --git a/website/templates/account/signup.html b/website/templates/account/signup.html
@@ -4,6 +4,10 @@
 
 {% block style %}
     <style>
+
+        .container-min-height{
+          min-height: 70vh;
+        }
         .inner-addon {
             position: relative;
         }
@@ -33,7 +37,7 @@
 {% endblock %}
 
 {% block content %}
-    <div class="row">
+    <div class="row container-min-height">
         <h3 class="text-center">{% trans "Sign Up" %}</h3>
         <div class="col-md-6 col-md-offset-3">
             <form class="signup" id="signup_form" method="post" action="{% url 'account_signup' %}">

diff --git a/website/templates/leaderboard_eachmonth.html b/website/templates/leaderboard_eachmonth.html
@@ -85,4 +85,4 @@ <h1 class="page-header">Monthly Leaderboard</h1>
         </div>
     </div>
 </div>
-{% endblock %}
+{% endblock %}
diff --git a/website/templates/leaderboard_global.html b/website/templates/leaderboard_global.html
@@ -3,6 +3,9 @@
 
 {% block style %}
 <style>
+  .container-min-height{
+    min-height: 50vh;
+  }
     .list-group-item img {
         width: 50px;
         height: 50px;
@@ -45,7 +48,7 @@
 {% endblock %}
 
 {% block content %}
-<div class="row">
+<div class="row container-min-height">
     <div class="col-lg-6" style="display: flex; justify-content: center; align-items: center;">
         <h1 class="page-header">Global Leaderboard</h1>         
     </div>
@@ -79,4 +82,4 @@ <h1 class="page-header">Global Leaderboard</h1>
         </div>
     </div>
 </div>
-{% endblock %}
+{% endblock %}
diff --git a/website/templates/leaderboard_specific_month.html b/website/templates/leaderboard_specific_month.html
@@ -4,6 +4,11 @@
 
 {% block style %}
 <style>
+
+    .container-min-height{
+      min-height: 50vh;
+    }
+
     .list-group-item img {
         width: 50px;
         height: 50px;
@@ -133,7 +138,7 @@ <h1 class="page-header">Monthly Leaderboard</h1>
         </p>
     </div>
 </div>
-<div class="row">
+<div class="row container-min-height">
     <div class="col-lg-9">
         <div class="list-group">
             {%if not leaderboard%}

diff --git a/website/templates/search.html b/website/templates/search.html
@@ -4,7 +4,15 @@
 {% load humanize %}
 
 {% block content %}
-    <div class="row">
+
+
+<style>
+  .container-min-height{
+    min-height: 50vh;
+  }
+</style>
+
+    <div class="row container-min-height">
         <div class="col-md-8 col-md-offset-2">
             <h1 class="text-center"><span class="search-header">Search Results for </span><span class="search-header-query">"{{query}}"</span></h1>
             <hr>
-Original file line number
+Diff line change
@@ Expand Up / @@ -85,4 +85,4 @@ <h1 class="page-header">Monthly Leaderboard</h1> @@
             </div>
         </div>
     </div>
-    {% endblock %}
+    {% endblock %}