Fix bugs with index display in mobile view

The first article's photo was being hidden because of an overeager CSS change I'd made to make the article photo look better on mobile (cf67195)
dellsystem · Nov 16, 2018 · 97a8b93 · 97a8b93
1 parent 76d53a2
commit 97a8b93
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/django/newsocialist/static/css/styles.css b/django/newsocialist/static/css/styles.css
@@ -455,7 +455,7 @@ blockquote cite::before {
     .article-third .article-title a {
         position: static;
     }
-    .article-photo {
+    .article-photo-desktop {
         display: none;
     }
     .article-photo-mobile {

diff --git a/django/templates/article.html b/django/templates/article.html
@@ -14,7 +14,7 @@
 {% block content %}
 <article class="page-content" id="article-top">
     <div class="ui container">
-        <div class="article-photo print-hide"
+        <div class="article-photo article-photo-desktop print-hide"
              style="background-image: url('{{ article.get_image_url }}'); background-position: {{ article.background_position|default:"center" }}">
         </div>
         <div class="article-photo-mobile print-hide">

diff --git a/django/templates/index.html b/django/templates/index.html
@@ -10,7 +10,7 @@
     <div class="ui container">
         {% if request.user.is_staff %}
         <div class="ui {% if unpublished.count %}warning{% else %}green{% endif %} message">
-            <div class="ui grid">
+            <div class="ui stackable grid">
                 <div class="ten wide column">
                     <h3 class="ui header">
                         Welcome, {{ request.user.first_name }}