From 12047d112f452c92e71b27a5877f436d0201c48d Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Fri, 13 Nov 2020 17:19:53 -0500
Subject: [PATCH] fix(preferences(css)): improve display of some select input
 fields

---
 UI/Templates/PreferencesUI/UIxPreferences.wox | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/UI/Templates/PreferencesUI/UIxPreferences.wox b/UI/Templates/PreferencesUI/UIxPreferences.wox
index f39818b87..bb049f07f 100644
--- a/UI/Templates/PreferencesUI/UIxPreferences.wox
+++ b/UI/Templates/PreferencesUI/UIxPreferences.wox
@@ -201,7 +201,7 @@
             </md-input-container>
 
             <div layout="row" layout-align="start start" ng-if="app.preferences.supportsNotifications()">
-              <md-checkbox flex="20"
+              <md-checkbox
                            ng-model="app.preferences.defaults.SOGoDesktopNotifications"
                            ng-true-value="1"
                            ng-false-value="0"
@@ -644,7 +644,7 @@
                 <!-- SOGoMailComposeWindow -->
               </md-checkbox>
 
-              <md-input-container class="md-block hide-xs" flex="50">
+              <md-input-container class="md-block md-flex hide-xs">
                 <label><var:string label:value="Always open mail composer"/></label>
                 <md-select
                     ng-disabled="!app.preferences.defaults.SOGoMailComposeWindowEnabled"
@@ -1030,7 +1030,8 @@
                   </md-button>
                 </div>
 
-                <md-input-container class="md-block md-flex">
+                <div layout="row">
+                <md-input-container class="md-block" flex="50" flex-xs="100">
                   <label><var:string label:value="Days between responses"/></label>
                   <md-select label:aria-label="Days between responses"
                              ng-model="app.preferences.defaults.Vacation.daysBetweenResponse">
@@ -1041,6 +1042,7 @@
                     </var:foreach>
                   </md-select>
                 </md-input-container>
+                </div>
 
                 <div>
                   <md-checkbox