Change date position

app/assets/stylesheets/request-for-comments.css.scss

@@ -22,26 +22,39 @@
   display: none !important;
 }
 
+p.comment {
+  width: 400px;
+}
+
+.popover-header {
+  width: 100%;
+  overflow: hidden;
+  padding-bottom: 10px;
+  margin: auto;
+}
+
 .popover-username {
   font-weight: bold;
+  width: 60%;
+  float: left;
+}
+
+.popover-date {
+  text-align: right;
+  color: #008cba;
+  margin-left: 60%;
+  font-size: x-small;
+}
+
+.popover-updated {
+  text-align: right;
+  margin-left: 60%;
+  font-size: x-small;
 }
 
 .popover-comment {
   word-wrap: break-word;
-}
-
-.popover-footer {
-  margin-top: 10px;
   margin-bottom: 10px;
-  width: 100%;
-}
-
-.popover-date {
-  color: #008cba;
-}
-
-.popover-updated {
-  font-style: italic;
 }
 
 .popover-divider {
@@ -49,6 +62,5 @@
   height: 1px;
   background-color: #008cba;
   overflow: hidden;
-  margin-top: -10px;
   margin-bottom: 10px;
 }