From 0e4b4fd28f3261a7805666358fb048c4ac731a2b Mon Sep 17 00:00:00 2001
From: Jason Dreyzehner <jason@dreyzehner.com>
Date: Wed, 12 Oct 2016 22:26:55 -0400
Subject: [PATCH] feat(design): improve design of preferences about, app logs

---
 src/sass/views/tab-settings.scss |  2 +-
 www/views/preferencesAbout.html  |  4 ++--
 www/views/preferencesLogs.html   | 22 ++++++++++++----------
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/sass/views/tab-settings.scss b/src/sass/views/tab-settings.scss
index 448639b83..363560bb6 100644
--- a/src/sass/views/tab-settings.scss
+++ b/src/sass/views/tab-settings.scss
@@ -3,7 +3,7 @@
     color: $dark-gray;
     border-color: rgba(221, 221, 221, 0.3);
   }
-  &-explaination {
+  &-explaination, &-button-group {
     padding: 0 1rem;
     margin: 1rem 0;
   }
diff --git a/www/views/preferencesAbout.html b/www/views/preferencesAbout.html
index d9dcbf127..18e41aea4 100644
--- a/www/views/preferencesAbout.html
+++ b/www/views/preferencesAbout.html
@@ -1,11 +1,11 @@
-<ion-view>
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{title}}</ion-nav-title>
     <ion-nav-back-button>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content>
-    <div class="list">
+    <div class="list settings-list">
       <div class="item item-divider" translate>
         Release information
       </div>
diff --git a/www/views/preferencesLogs.html b/www/views/preferencesLogs.html
index 41231c53b..7f503d08c 100644
--- a/www/views/preferencesLogs.html
+++ b/www/views/preferencesLogs.html
@@ -1,19 +1,21 @@
-<ion-view>
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Session Log' | translate}}</ion-nav-title>
     <ion-nav-back-button>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content>
-    <button class="button button-standard button-primary" style="margin-top: 1rem" copy-to-clipboard="prepare()">
-      <i class="icon ion-clipboard"></i>
-      <span translate>Copy to clipboard</span>
-    </button>
-    <button class="button button-standard button-secondary" ng-show="isCordova" ng-click="sendLogs()">
-      <i class="icon ion-ios-email-outline"></i>
-      <span translate>Send by email</span>
-    </button>
-    <div class="card">
+    <div class="settings-button-group">
+      <button class="button button-standard button-primary" style="margin-top: 1rem" copy-to-clipboard="prepare()">
+        <i class="icon ion-clipboard"></i>
+        <span translate>Copy to clipboard</span>
+      </button>
+      <button class="button button-standard button-secondary" ng-show="isCordova" ng-click="sendLogs()">
+        <i class="icon ion-ios-email-outline"></i>
+        <span translate>Send by email</span>
+      </button>
+    </div>
+    <div class="list">
       <div class="item item-text-wrap">
         <ul>
           <li ng-repeat="l in logs">