From f59aed740321e9423055de259540fdf2bf3f6ed9 Mon Sep 17 00:00:00 2001
From: 0xNul <57599792+0xNul@users.noreply.github.com>
Date: Sun, 16 Jul 2023 16:07:09 -0700
Subject: generate first page of  model index view

---
 resources/css/style.css | 44 +++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 41 insertions(+), 3 deletions(-)

(limited to 'resources/css')

diff --git a/resources/css/style.css b/resources/css/style.css
index 06beac1..5d08231 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -28,8 +28,9 @@ stats {
 }
 
 content {
-    height: 573px;
-    display: block;
+    display: flex;
+    align-items: stretch;
+    min-height: 573px;
     margin-left: 50px;
     margin-right: 50px;
     border-left: solid;
@@ -42,7 +43,7 @@ content {
 #column-1, #column-2 {
     float: left;
     padding-top: 25px;
-    height: 550px;
+    margin-bottom: 50px;
 }
 
 #column-1 {
@@ -54,6 +55,11 @@ content {
     width: 442px;
 }
 
+#column-2 p {
+    margin-top: 2px;
+    margin-bottom: 2px;
+}
+
 .weapons {
     width: 737px;
 }
@@ -136,6 +142,7 @@ stats td {
     width: 47px;
     height: 47px;
     font-size: 24px;
+    font-weight: bold;
     margin-left: 8px;
     border: solid;
     border-color: #3c4b3f;
@@ -189,3 +196,34 @@ stats td {
     border: 2px solid #3c4b3f;
     transform: rotate(45deg);
 }
+
+.shield-container {
+    width: 55px;
+    height: 60px;
+    position: relative;
+    left: 365px;
+    bottom: 100px;
+    text-align: center;
+    font-size: 24px;
+    font-weight: bold;
+    color: #3c4b3f;
+    margin-bottom: -70px;
+}
+
+.shield-text {
+    position: relative;
+    top: 43px;
+    left: 4px;
+    z-index: 100;
+}
+
+.shield {
+    position: relative;
+    width: 100%;
+    height: 90%;
+    background-color: #e1e0e1;
+    border: 3px solid #3c4b3f;
+    border-radius: 0 0 70% 70%;
+    display: inline-block;
+    overflow: hidden;
+}
-- 
cgit v1.2.3