Fixed padding issue with articles

universalcore · Jun 22, 2015 · dbcd781 · dbcd781
1 parent 5fc19b8
commit dbcd781
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/springboard_iogt/static/css/style.css b/springboard_iogt/static/css/style.css
@@ -59,17 +59,18 @@
                 .articles .full-image img { width: 100%; margin: 14px 0 14px 0; float: none; display: block; }
                 .articles .listing .h2 { margin: 0; padding: 0; color: #000;  }
                 .articles .listing p { margin: 0; padding: 2px 0 0 0; color: #888888; }
-                .articles .detail .h2 { font-weight: bold; font-size: 20px; line-height: 28px; margin-bottom: 16px; }
-                .articles .detail .meta { font-weight: bold;}
-                .articles .detail pre {
+                .articles .article{ padding: 15px;}
+                .articles .article .h2 { font-weight: bold; font-size: 20px; line-height: 28px; margin-bottom: 16px; }
+                .articles .article .meta { font-weight: bold;}
+                .articles .article pre {
                     word-break: break-all; /* webkit */
                     word-wrap: break-word;
                     white-space: pre;
                     white-space: -moz-pre-wrap; /* fennec */
                     white-space: pre-wrap;
                     white-space: pre\9; /* IE7+ */
                 }
-                .articles .detail img { width: 100%; margin: 24px 0; display: block; }
+                .articles .article img { width: 100%; margin: 24px 0; display: block; }
 
         /* Content section-specific */
         .section-title { margin: 0; padding: 12px 0 0 0; background-color: #514392; }

diff --git a/springboard_iogt/templates/page.jinja2 b/springboard_iogt/templates/page.jinja2
@@ -15,7 +15,7 @@
                 <a href="{{'category'|route_url(uuid=category.uuid)}}">{{ category.title }}</a>
             </div></div>
 
-            <div class="detail">
+            <div class="article">
                 {% set has_image = page.image_host and page.image %}
                 <div class="head{% if not has_image %} no-pic{% endif %}">
                     <div class="h2">{{page.title}}</div>