changes based on jjeffryes' comments

Author: ameliagoodman

css/obBase.css

@@ -6408,10 +6408,13 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
   color: #9999A0;
   max-height: 200px;
   overflow: auto;
-
 }
 
 .peersList>ul{
   list-style-type: none;
   padding-left: 0;
 }
+
+.peersList>ul>li {
+  padding-bottom: 5px;
+}

js/languages/en-US.json

@@ -547,7 +547,7 @@
     "tagIsTooLongHeadline": "The tag is too long",
     "tagIsTooLongBody": "Tags cannot be more than %{smart_count} character long. |||| Tags cannot be more than %{smart_count} characters long.",
     "retryingConnection": "The connection to your node was lost. Retrying connection attempt %{attempt} of %{total}.",
-    "peersFail": "Call to peers API failed."
+    "peersFail": "Call to the peers API failed."
   },
   "pageConnectingMessages": {
     "listingConnect": "Connecting to listing ${listing}",

js/templates/settings.html

@@ -1274,17 +1274,15 @@ <h3 class="padding15 margin0 fontWeight500"><%= polyglot.t('Advanced') %></h3>
               <div class="flexCol-9 borderRight0 custCol-border">
                 <div class="fieldItem flexRow">
                   <div class="flexRow">
-                    <div class="flexCol-9">
-                      <span class="js-numConnectedPeers"></span>
-                    </div>
+                    <span class="js-numConnectedPeers"></span>
                     <div class="positionTopRight paddingright5">
                       <a id="showPeersButton" class="btn btn-txt js-showPeers custCol-secondary">
                         Show Connected Peers
                       </a>
                     </div>
                   </div>
                   <div class="flexRow">
-                    <div class="peersList js-connectedPeers"></div>
+                    <div class="peersList custCol-text js-connectedPeers"></div>
                   </div>
                 </div>
               </div>

js/views/settingsVw.js

@@ -243,7 +243,7 @@ module.exports = pageVw.extend({
       $.ajax({
         url: self.serverUrl + "routing_table",
         success: function(data){
-          self.$('.js-numConnectedPeers').html("<p>" + data.length + "</p>");
+          self.$('.js-numConnectedPeers').text(data.length);
           data.forEach(function (peer) {
             connectedPeers += `<li><a href="#userPage/${peer.guid}">${peer.ip}:${peer.port}</a></li>`;
           });