changes

Author: ilxwolf

css/obBase.css

@@ -4230,10 +4230,12 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
 }
 
 #ov1 .server-connect-modal .message-bar > div {
-  background-color: red;
-  padding: 8px 10px;
+  background-color: #C62D2D;
+  padding: 8px 20px;
   line-height: 2.2;
   display: inline-block;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
 }
 
 #ov1 .server-connect-modal .message-bar .message-bar-close {
@@ -4262,7 +4264,7 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
   content: '';
   position: absolute;
   width: 6px;
-  background-color: red;
+  background-color: #C62D2D;
   top: 0;
   left: 0;
   bottom: 0;

js/templates/serverConfigRow.html

@@ -1,4 +1,4 @@
-<div class="rowItem padding12 positionRelative <% ob.status === 'failed' && print('connection-failed') %>">
+<div class="rowItem padding15 positionRelative <% ob.status === 'failed' && print('connection-failed') %>">
   <div class="flexRow">
     <div class="table">
       <div>
@@ -22,7 +22,7 @@
               </a>
               <% } %>
             <% } else if (ob.status === 'connected') { %>
-            <span class="ion-radio-waves textOpacity1"></span> <%= polyglot.t('serverConnectModal.connected') %>
+            <span class="ion-checkmark textOpacity1"></span> <%= polyglot.t('serverConnectModal.connected') %>
             <% } else if (ob.status === 'connecting') { %>
             <span class="vertAlignMid"><%= polyglot.t('serverConnectModal.connecting') %>...</span> 
             <a class="btn btn-txt btn-secondary custCol-secondary fontSize13 marginLeft10 js-cancel">

js/templates/serverConnectModal.html

@@ -1,7 +1,7 @@
 <div class="message-bar positionFixed alignCenter slide-out js-msg-bar">
   <div>
-    <span class="message-bar-close clickable positionRelative pull-right alignCenter js-msg-bar-close">X</span>
-    <span class="ion-alert"></span>
+    <span class="message-bar-close ion-android-close clickable marginLeft15 marginTop7 pull-right textOpacity75 alignCenter js-msg-bar-close"></span>
+    <!-- <span class="ion-alert marginRight5"></span> -->
     <span class="js-message-bar-content"></span>
   </div>
 </div>