From 91204321f9db57fb2b7a138c16cd24297cd0b439 Mon Sep 17 00:00:00 2001
From: Taka <taka@vm-linux-dev>
Date: Wed, 8 Jul 2020 08:00:36 +0000
Subject: [PATCH] Tweaked the styling of some extras templates.

---
 .../default-template-pack/extras/hip-guns.j2  | 20 ++++++++-----------
 .../extras/kakazu-ridge-cave-complexes.j2     | 17 ++++++++--------
 2 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/vasl_templates/webapp/data/default-template-pack/extras/hip-guns.j2 b/vasl_templates/webapp/data/default-template-pack/extras/hip-guns.j2
index 47b60f2..64c22d1 100644
--- a/vasl_templates/webapp/data/default-template-pack/extras/hip-guns.j2
+++ b/vasl_templates/webapp/data/default-template-pack/extras/hip-guns.j2
@@ -8,8 +8,9 @@
 <style>
 {{CSS:common}}
 td { margin: 0 ; padding: 0 5px ; text-align: center ; }
-td.header { font-weight: bold ; }
-td.header2 { background: #f8f8f8 ; padding: 2px 5px ; font-weight: bold ; }
+td.header { background: #f0f0f0 ; border-bottom: 1px solid #c0c0c0 ; padding: 2px 5px ; font-size: 105% ; font-weight: bold ; }
+td.header2 { background: #f0f0f0 ; border-bottom: 1px dotted #c0c0c0 ; padding: 2px 5px ; font-weight: bold ; }
+td.header3 { font-style: italic ; font-weight: bold ; }
 td.status { font-weight: bold ; text-align: left ; }
 </style>
 </head>
@@ -17,12 +18,7 @@ td.status { font-weight: bold ; text-align: left ; }
 <table>
 
 <tr>
-<td colspan="5" style="
-    background: #f0f0f0 ;
-    border-bottom: 1px solid #c0c0c0 ;
-    padding: 2px 5px ;
-    font-size: 105% ; font-weight: bold ;
-">
+<td colspan="5" class="header">
     <center> Hidden Guns </center>
 
 <tr>
@@ -31,10 +27,10 @@ td.status { font-weight: bold ; text-align: left ; }
     <td class="header2" colspan=2> Possible
 <tr>
     <td> &nbsp;
-    <td class="header"> Fires
-    <td class="header"> Flip
-    <td class="header"> Fires
-    <td class="header"> Remove
+    <td class="header3"> Fires
+    <td class="header3"> Flip
+    <td class="header3"> Fires
+    <td class="header3"> Remove
 
 <tr>
     <td class="status"> H H H
diff --git a/vasl_templates/webapp/data/default-template-pack/extras/kakazu-ridge-cave-complexes.j2 b/vasl_templates/webapp/data/default-template-pack/extras/kakazu-ridge-cave-complexes.j2
index e547da0..66bd5e1 100644
--- a/vasl_templates/webapp/data/default-template-pack/extras/kakazu-ridge-cave-complexes.j2
+++ b/vasl_templates/webapp/data/default-template-pack/extras/kakazu-ridge-cave-complexes.j2
@@ -14,6 +14,7 @@
     color: #404040 ;
 }
 .header { background: #fff200 ; padding: 2px 5px ; }
+.header .name { font-size: 105% ; font-weight: bold ; }
 .hexes { font-size: 90% ; font-style: italic ; color: #606060 ; }
 </style>
 </head>
@@ -21,28 +22,28 @@
 <div class="box">
 <div class="header">
 {% if CAVE_COMPLEX == "Kakazu West" %}
-    {{CAVE_COMPLEX}} (15)
+    <span class="name"> {{CAVE_COMPLEX}} </span> (15)
     <div class="hexes"> E10, F10-12, G10-14, H10-14, I11-12 <div>
 {% elif CAVE_COMPLEX == "Kakazu Saddle" %}
-    {{CAVE_COMPLEX}} (12)
+    <span class="name"> {{CAVE_COMPLEX}} </span> (12)
     <div class="hexes"> J11-12, K11-14, L10-14, M9-13, N8-12 </div>
 {% elif CAVE_COMPLEX == "Kakazu Center" %}
-    {{CAVE_COMPLEX}} (20)
+    <span class="name"> {{CAVE_COMPLEX}} </span> (20)
     <div class="hexes"> N13, O9-13, P8-12, Q8-13, R7-9 </div>
 {% elif CAVE_COMPLEX == "Kakazu Front" %}
-    {{CAVE_COMPLEX}} (20)
+    <span class="name"> {{CAVE_COMPLEX}} </span> (20)
     <div class="hexes"> R10-11, S8-12, T8-12, U9-12, V8-12, W9-12, X9-11 </div>
 {% elif CAVE_COMPLEX == "Kakazu Reverse" %}
-    {{CAVE_COMPLEX}} (15)
+    <span class="name"> {{CAVE_COMPLEX}} </span> (15)
     <div class="hexes"> R12-13, S13-15, T13-15, U13-15, V13 </div>
 {% elif CAVE_COMPLEX == "Kakazu East" %}
-    {{CAVE_COMPLEX}} (15)
+    <span class="name"> {{CAVE_COMPLEX}} </span> (15)
     <div class="hexes"> W13, X12-13, Y11-14, Z11-14, AA11-14, BB13 </div>
 {% elif CAVE_COMPLEX == "Kakazu Village" %}
-    {{CAVE_COMPLEX}} (12)
+    <span class="name"> {{CAVE_COMPLEX}} </span> (12)
     <div class="hexes"> L15-17, M14-18, N14-18, O15-19, P15-19, Q16-20, R16-19, S17-19 </div>
 {% else %}
-    Cave Complex
+    <span class="name"> Cave Complex </span>
 {%endif%}
 </div>
 </div>