Fix things that got broken by mobile fixes

brutaldon/static/css/brutaldon.css

@@ -27,8 +27,18 @@ div.card-header-title, div.card-header-icon {
     -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
     box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
     color: #4a4a4a;
-    display: block;
     padding: 1.25rem;
     margin-bottom: 0.75rem;
     margin-top: 0.75rem;
 }
+
+figure.media-left p.image a img
+{
+    border-radius: 5px;
+}
+
+@media screen and (max-width: 768px) {
+    .media {
+        display: block;
+    }
+}

brutaldon/templates/main/toot_partial.html

@@ -20,7 +20,8 @@
         {% endif %}
     </figure>
     <div class="media-content">
-        <p>
+        <div class="content">
+            <p>
             <strong>{{ toot.account.display_name }}</strong>
             <small><a href="{% url "user" toot.account.acct %}">@{{ toot.account.acct }}</a></small>
             <a href="{{ toot.url }}">
@@ -122,5 +123,7 @@
                 </div>
             </nav>
         {% endif %}
+        </div>
     </div>
+    <div class="media-right"></div>
 </article>