Change comment layout fixes #586

mozilla · Nov 7, 2018 · 787d502 · 787d502
1 parent 276525e
commit 787d502
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/app/experimenter/static/css/experimenter.css b/app/experimenter/static/css/experimenter.css
@@ -150,5 +150,4 @@ select {
 .bubble {
   border-radius: 4px;
 	background-color: #F3F3F3;
-  padding: 10px;
 }
diff --git a/app/experimenter/templates/experiments/section_base.html b/app/experimenter/templates/experiments/section_base.html
@@ -44,18 +44,14 @@ <h4 id="{{ section_name }}" class="col section-title">
 
       {% if comments %}
         {% for comment in comments %}
-          <div class="row py-3 mb-2">
-            <div class="col-3">
+          <div class="row mb-3">
+            <div class="col">
               <a id="comment{{ comment.id }}" href="#comment{{ comment.id }}">
                 <span class="fas fa-comment-alt"></span>
                 {{ comment.created_by }}
-                <h6 class="text-muted">{{ comment.created_on }}</h6>
+                <span class="text-muted">{{ comment.created_on }}</span>
               </a>
-            </div>
-            <div class="col-9">
-              <div class="bubble">
-                {{ comment.text|urlize|linebreaks }}
-              </div>
+              {{ comment.text|urlize|linebreaks }}
             </div>
           </div>
         {% endfor %}