Resume style adjustment

2 files changed, 18 insertions, 17 deletions

diff --git a/static/css/styles.css b/static/css/styles.css
index 9773e9e..e3b8dab 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -318,18 +318,19 @@ em.taxonomy-emph {
     background-color: #474a4f;
     color: white; }
 
+.resume-content {
+  display: flex;
+  flex-flow: row wrap; }
+
 .category-title {
   text-align: left;
   width: 8em;
-  padding: .5em; }
+  padding: .5em;
+  flex: 1 3 auto; }
   .category-title h4 {
     margin: 0 0.5em 0 0;
     font-size: 1.3em; }
 
-.resume-content {
-  display: flex;
-  flex-flow: row wrap; }
-
 .category-content {
   flex: 2 1 65%;
   padding: .5em; }
diff --git a/static/css/styles.scss b/static/css/styles.scss
index d7e2307..17f85c3 100644
--- a/static/css/styles.scss
+++ b/static/css/styles.scss
@@ -440,10 +440,16 @@ em.taxonomy-emph {
 
 // RESUME
 
+.resume-content {
+    display: flex;
+    flex-flow: row wrap;
+}
+
 .category-title {
     text-align: left;
     width: 8em;
     padding: .5em;
+    flex: 1 3 auto;
     
     h4 {
         margin: 0 0.5em 0 0;
@@ -451,12 +457,6 @@ em.taxonomy-emph {
     }
 }
 
-
-.resume-content {
-    display: flex;
-    flex-flow: row wrap;
-}
-
 .category-content {
     flex: 2 1 65%;
     padding: .5em;
@@ -504,12 +504,12 @@ em.taxonomy-emph {
         margin-left: 0.9rem;
     }
 
-        p, ul, ol, li {
-            font-family: FreeSerif, serif;
-            color: $light-text;
-            text-align: left;
-            font-size: 0.9em;
-        }
+    p, ul, ol, li {
+        font-family: FreeSerif, serif;
+        color: $light-text;
+        text-align: left;
+        font-size: 0.9em;
+    }
 }
 
 p.resume-subcategory {