fix(css): fixes button misalignment when refreshing clients (#5945) r=@vladikoff

Fixes mozilla/fxa-bugzilla-mirror#456

app/scripts/templates/settings/clients.mustache

@@ -79,7 +79,7 @@
 
       <div class="button-row">
         <button type="submit" class="settings-button primary clients-refresh">{{#t}}Refresh{{/t}}</button>
-        <button class="settings-button secondary cancel">{{#t}}Done{{/t}}</button>
+        <button class="settings-button secondary cancel clients-done">{{#t}}Done{{/t}}</button>
       </div>
     </form>
   </div>

app/styles/modules/_settings.scss

@@ -197,10 +197,12 @@ body.settings #main-content.card {
         }
       }
 
-      html[dir] .clients & {
-        @include respond-to('small') {
-          float: none;
-          margin: 10px 0;
+      &:not(.clients-done) {
+        html[dir] .clients & {
+          @include respond-to('small') {
+            float: none;
+            margin: 10px 0;
+          }
         }
       }
     }