Merge pull request #1808 from OpenBazaar/cssUpdatesFor235

Css updates for235

Author: jjeffryes

js/templates/modals/settings/store.html

@@ -88,16 +88,18 @@ <h5><%= ob.polyT('settings.storeTab.selectedModerators') %></h5>
                 <div class="rowLg"><% // just a spacer %></div>
               </div>
               <div class="row">
-                <div class="flexVCentClearMarg tx5 rowTn">
-                  <h5 class="flexExpand"><%= ob.polyT('settings.storeTab.availableModerators') %></h5>
-                  <input type="checkbox" id="storeVerifiedOnly" class="js-storeVerifiedOnly"<% if (ob.showVerifiedOnly) print('checked') %>>
-                  <label class="tx5b" for="storeVerifiedOnly"><%= ob.polyT('settings.storeTab.verifiedOnly') %></label>
+                <div class="tx5 rowTn">
+                  <div class="flexVCentClearMarg">
+                    <h5 class="flexExpand"><%= ob.polyT('settings.storeTab.availableModerators') %></h5>
+                    <input type="checkbox" id="storeVerifiedOnly" class="js-storeVerifiedOnly"<% if (ob.showVerifiedOnly) print('checked') %>>
+                    <label class="tx5b" for="storeVerifiedOnly"><%= ob.polyT('settings.storeTab.verifiedOnly') %></label>
+                  </div>
                 </div>
                 <ul class="unstyled errorList hide js-modListAvailableError">
                   <li><i class="ion-alert-circled"></i><span class="js-modListAvailableErrorText"></span> </li>
                 </ul>
                 <div class="js-modListAvailable"></div>
-                <div class="noModsAdded clrBr flexCent <% if (ob.modsAvailable.length) print('hide') %> js-noModsAdded">
+                <div class="noModsAdded flex clrBr <% if (ob.modsAvailable.length) print('hide') %> js-noModsAdded">
                   <button class="btn clrP clrBr browseMods js-browseMods">
                      <%= ob.polyT('settings.storeTab.browseModerators') %>
                   </button>

styles/_base.scss

@@ -236,7 +236,7 @@ svg {
     height: calc(100% - #{$bar + $barLg});
     box-sizing: border-box;
     z-index: 2; // chat needs to be on top of modals
-    @include chatOpeningTransition(width, background-color, border-color, height);
+    @include chatOpeningTransition(width, background-color, height);
     overflow-y: auto;
     overflow-x: hidden;
     background-color: transparent;

styles/modules/modals/_settings.scss

@@ -120,6 +120,8 @@
        min-height: 175px;
        border-width: 1px;
        border-style: solid;
+       align-items: center;
+       justify-content: center;
      }
 
     .bulkCoinUpdateBtn .confirmBox {