Padded category title and description to approximate designs

Designs specified everything in 32nds of the total window allocation,
which there is no easy way to do at least with standard padding and
margins.

Used EM instead, which means the padding will scale with font size as
the window gets bigger and smaller
[endlessm/eos-sdk#526]

1 files changed, 7 insertions, 0 deletions

diff --git a/data/css/eos-wikipedia-domain.css b/data/css/eos-wikipedia-domain.css
index 3042766..0e834a2 100644
--- a/data/css/eos-wikipedia-domain.css
+++ b/data/css/eos-wikipedia-domain.css
@@ -75,6 +75,10 @@ Gjs_ArticleList .scrollbar.slider {
     font-size: 1.5em;
 }
 
+.category-page #category-description-align {
+    padding: 0em 3.2em 0em 3.7em;
+}
+
 .category-page #category-scrolled-window .scrollbar.slider {
     border-radius: 6px;
     background-color: alpha(white, 0.3);
@@ -83,6 +87,9 @@ Gjs_ArticleList .scrollbar.slider {
 .category-page #category-title {
     font-family: "Lato Light";
     font-size: 4.17em;
+    /* Set the font size in this widget, so the padding below (in ems) is actually
+     * relative to this font size */
+    padding: .5em .75em .2em .75em;
     color: rgba(255, 255, 255, 0.9);
 }