From 8f382192ee5b829b5bde7cc7ae767cf259e948ff Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Tue, 12 Jul 2016 10:54:38 -0400
Subject: [PATCH] (html) Add padding to address book preferences

---
 UI/Templates/PreferencesUI/UIxPreferences.wox | 71 +++++++++----------
 1 file changed, 35 insertions(+), 36 deletions(-)

diff --git a/UI/Templates/PreferencesUI/UIxPreferences.wox b/UI/Templates/PreferencesUI/UIxPreferences.wox
index 1ad67389e..18f86eaf0 100644
--- a/UI/Templates/PreferencesUI/UIxPreferences.wox
+++ b/UI/Templates/PreferencesUI/UIxPreferences.wox
@@ -468,48 +468,47 @@
       CONTACTS PREFERENCE PANEL
   -->
   <script type="text/ng-template" id="addressbooksPreferences.html">
-    <md-content layout="row" class="md-flex">
-      <md-tabs class="md-flex" md-dynamic-height="true">
+    <md-tabs md-dynamic-height="true">
 
-        <!-- CONTACT > CATEGORIES -->
-        <md-tab id="contactsCategoriesTab" aria-controls="contactsCategoriesTab-content" label:label="Categories">
+      <!-- CONTACT > CATEGORIES -->
+      <md-tab id="contactsCategoriesTab" aria-controls="contactsCategoriesTab-content" label:label="Categories">
 
-          <md-content role="tabpanel" aria-labelledby="contactsCategoriesView"  id="contactsCategoriesView-content">
-            <div layout="column" flex="100">
-              <md-list layout="row" layout-wrap="layout-wrap">
-                <md-list-item flex="50" flex-sm="100"
-                              ng-repeat="item in
-                                         app.preferences.defaults.SOGoContactsCategories
-                                         track by $index">
-                  <md-input-container class="md-block md-flex">
-	            <input type="text"
-                           label:aria-label="Contact Category"
-                           ng-model="app.preferences.defaults.SOGoContactsCategories[$index]"
-                           sg-focus-on="contactCategory_{{$index}}"/>
-                  </md-input-container>
-                  <md-button type="button" class="sg-icon-button"
-                             label:aria-label="Remove Contact Category"
-                             ng-click="app.removeContactCategory($index)">
-                    <md-icon>remove_circle</md-icon>
-                  </md-button>
-                </md-list-item>
-              </md-list>
-
-              <div layout="row" layout-align="end center">
-                <md-button type="button"
-                           label:aria-label="Add Contact Category"
-                           ng-click="app.addContactCategory()">
-                  <var:string label:value="Add Contact Category"/>
+        <md-content role="tabpanel" aria-labelledby="contactsCategoriesView"
+                    id="contactsCategoriesView-content" class="md-padding">
+          <div layout="column" flex="100">
+            <md-list layout="row" layout-wrap="layout-wrap">
+              <md-list-item flex="50" flex-sm="100"
+                            ng-repeat="item in
+                                       app.preferences.defaults.SOGoContactsCategories
+                                       track by $index">
+                <md-input-container class="md-block md-flex">
+	          <input type="text"
+                         label:aria-label="Contact Category"
+                         ng-model="app.preferences.defaults.SOGoContactsCategories[$index]"
+                         sg-focus-on="contactCategory_{{$index}}"/>
+                </md-input-container>
+                <md-button type="button" class="sg-icon-button"
+                           label:aria-label="Remove Contact Category"
+                           ng-click="app.removeContactCategory($index)">
+                  <md-icon>remove_circle</md-icon>
                 </md-button>
-              </div>
+              </md-list-item>
+            </md-list>
+
+            <div layout="row" layout-align="end center">
+              <md-button type="button"
+                         label:aria-label="Add Contact Category"
+                         ng-click="app.addContactCategory()">
+                <var:string label:value="Add Contact Category"/>
+              </md-button>
             </div>
-          </md-content>
+          </div>
+        </md-content>
 
-        </md-tab>
-        <!-- END OF CONTACT > CATEGORIES -->
+      </md-tab>
+      <!-- END OF CONTACT > CATEGORIES -->
 
-      </md-tabs>
-    </md-content>
+    </md-tabs>
   </script>
 
   <!--