Style the deleted annotation message

hypothesis · Nov 4, 2014 · 95f5a9ed6d40f6c2674bd13193468f6e377af119 · 95f5a9e
1 parent 2aacd01
commit 95f5a9ed6d40f6c2674bd13193468f6e377af119
Unified Split

Showing with 8 additions and 2 deletions.

+5 −0 h/static/styles/threads.scss

+3 −2 h/templates/thread.html
diff --git a/h/static/styles/threads.scss b/h/static/styles/threads.scss
@@ -95,6 +95,11 @@ $threadexp-width: .6em;
  margin-bottom: .8em;
 }

+.thread-deleted {
+  margin-top: .8em;
+  margin-bottom: 2.8em;
+}
+
 .thread-reply {
  margin-top: -2.153em;
  margin-bottom: .8em;
diff --git a/h/templates/thread.html b/h/templates/thread.html
@@ -5,9 +5,10 @@
                     'h-icon-minus': !vm.collapsed}"></span></a>

 <!-- Annotation -->
-<div ng-if="vm.container && !vm.container.message">
-  <em>Message not available.</em>
+<div ng-if="vm.container && !vm.container.message" class="thread-deleted">
+  <p><em>Message not available.</em></p>
 </div>
+
 <article class="annotation thread-message"
         name="annotation"
         annotation="vm.container.message"