Layout improvement

Author: caduribas

dist/RNAcentral-sequence-search.js

@@ -149,8 +149,8 @@ class Results extends React.Component {
                         </td>
                       </tr>
                       <tr>
-                        <td colSpan={8} className={`callout alignment`} style={{borderTop: "none"}}>
-                          {this.props.infernalAlignmentsCollapsed ? '' : entry.alignment }
+                        <td colSpan={8} className="callout alignment-rfam">
+                          {this.props.infernalAlignmentsCollapsed ? '' : entry.alignment + '\n' }
                         </td>
                       </tr>
                     </tbody>

dist/RNAcentral-sequence-search.js.map

@@ -53,4 +53,15 @@
   white-space: pre-wrap;
   max-height: 10em;
   overflow-y: auto;
+}
+
+.alignment-rfam {
+  font-family: monospace;
+  padding: 0;
+  white-space: pre;
+  //font-size: smaller;
+  line-height: 1.42857143;
+  text-align: left;
+  background-color: white;
+  border-spacing: 10px;
 }