From 1a3485750a453964730887bf59e2476237fb6cf8 Mon Sep 17 00:00:00 2001
From: Brandon Rodriguez <brodriguez8774@gmail.com>
Date: Mon, 14 Aug 2023 20:06:43 -0400
Subject: [PATCH] Generally tweak page output to be a little bit less harsh

---
 .../fixtures/resume_manager/section_css.json           | 10 ++++++++++
 .../css/sass/src/_general_styles.scss                  |  4 ++++
 .../resume_manager/include/education_min.html          |  4 ++--
 .../templates/resume_manager/include/experience.html   | 10 +++++++++-
 .../resume_manager/include/experience_min.html         |  2 +-
 .../templates/resume_manager/include/pillars.html      |  4 ++--
 6 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/resume_manager_core/fixtures/resume_manager/section_css.json b/resume_manager_core/fixtures/resume_manager/section_css.json
index 6c89a06..3ca9f85 100644
--- a/resume_manager_core/fixtures/resume_manager/section_css.json
+++ b/resume_manager_core/fixtures/resume_manager/section_css.json
@@ -428,5 +428,15 @@
         "date_created": "2023-01-01T08:00:00.000Z",
         "date_modified": "2023-01-01T08:00:00.000Z"
     }
+},
+{
+    "model": "resume_manager_core.sectioncss",
+    "pk": 44,
+    "fields": {
+        "name": "height 100",
+        "css_classes": "height-100",
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
 }
 ]
diff --git a/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss b/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss
index d3128db..78e4096 100644
--- a/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss
+++ b/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss
@@ -141,6 +141,10 @@ html {
       max-width: 33%;
     }
 
+    .height-100 {
+      height: 100%;
+    }
+
     .flex-horizontal {
       flex-direction: row;
 
diff --git a/resume_manager_core/templates/resume_manager/include/education_min.html b/resume_manager_core/templates/resume_manager/include/education_min.html
index 5d0b153..744230c 100644
--- a/resume_manager_core/templates/resume_manager/include/education_min.html
+++ b/resume_manager_core/templates/resume_manager/include/education_min.html
@@ -18,11 +18,11 @@
 
     <div class="flex flex-vertical subsection flex-align-start padding-02">
 
-      <p class="flex flex-horizontal flex-justify-space-between descriptor font-size-small">
+      <p class="flex flex-horizontal flex-justify-space-between font-size-small">
         {{ education.name }}
       </p>
 
-      <p class="font-size-x-small">
+      <p class="font-size-x-small de-emphasis">
         {{ education.date_start|date:"Y" }}
         -
         {% if education.date_end %}
diff --git a/resume_manager_core/templates/resume_manager/include/experience.html b/resume_manager_core/templates/resume_manager/include/experience.html
index a21d10e..8ece2e6 100644
--- a/resume_manager_core/templates/resume_manager/include/experience.html
+++ b/resume_manager_core/templates/resume_manager/include/experience.html
@@ -19,7 +19,15 @@
     <div class="flex flex-vertical subsection">
 
       <p class="flex flex-horizontal flex-justify-space-between">
-        <span class="descriptor">{{ experience.name }}&nbsp; - &nbsp;{{ experience.position }}</span>
+        <span>
+          <span class="descriptor">
+            {{ experience.name }}
+          </span>
+          &nbsp; - &nbsp;
+          <span class="de-emphasis">
+            {{ experience.position }}
+          </span>
+        </span>
         <span class="descriptor">
           {{ experience.date_start|date:"M Y" }}
           -
diff --git a/resume_manager_core/templates/resume_manager/include/experience_min.html b/resume_manager_core/templates/resume_manager/include/experience_min.html
index 976e861..960e4b3 100644
--- a/resume_manager_core/templates/resume_manager/include/experience_min.html
+++ b/resume_manager_core/templates/resume_manager/include/experience_min.html
@@ -21,7 +21,7 @@
       <p class="flex flex-horizontal flex-justify-space-between descriptor underline">
         {{ experience.position }}
       </p>
-      <p class="emphasis font-size-small">{{ experience.name }}</p>
+      <p class="de-emphasis font-size-small">{{ experience.name }}</p>
       <p>
         <span class="descriptor font-size-x-small">
           {{ experience.date_start|date:"M Y" }}
diff --git a/resume_manager_core/templates/resume_manager/include/pillars.html b/resume_manager_core/templates/resume_manager/include/pillars.html
index adb11ef..efe681a 100644
--- a/resume_manager_core/templates/resume_manager/include/pillars.html
+++ b/resume_manager_core/templates/resume_manager/include/pillars.html
@@ -7,12 +7,12 @@
 <div class="flex flex-vertical">
   {% if data %}
     {% for category in data %}
-      <div class="flex flex-vertical flex-justify-space-between">
+      <div class="flex flex-vertical flex-justify-space-between padding-05">
         <h4 class="align-left emphasis padding-05 font-size-large">{{ category.category }}</h4>
         {% if category.pillars %}
           <ul class="flex flex-vertical flex-align-start">
             {% for pillar in category.pillars %}
-              <li class="padding-02"><p class="align-justify font-size-small"> - {{ pillar }}</p></li>
+              <li class="padding-02"><p class="align-justify font-size-small de-emphasis"> - {{ pillar }}</p></li>
             {% endfor %}
           </ul>
         {% else %}
-- 
GitLab