From abad21c13158294ab6f3677aa7efe894ea28e5f6 Mon Sep 17 00:00:00 2001
From: Greg Ross <greg@toolstack.com>
Date: Sun, 1 Jul 2018 05:10:13 -0400
Subject: [PATCH] Fix settings size (#249)

* Fix the overflow of the settings area on smaller displays

* Provide settings text to be consistant with other NextCloud apps.
---
 css/style.css      | 8 ++++++++
 templates/main.php | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index ea4f557..a8f2bab 100644
--- a/css/style.css
+++ b/css/style.css
@@ -222,6 +222,14 @@
 	display: inline-block;
 }
 
+#app-settings {
+	width: 20%;
+}
+
+#app-settings-header {
+	width: auto;
+}
+
 #app-settings-content .new-button {
 	width: 32px;
 	background-size: 16px;
diff --git a/templates/main.php b/templates/main.php
index 6d37e0b..37f104a 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -21,7 +21,9 @@ use \OCA\OcSms\Lib\CountryCodes;
 	</div>
 	<div id="app-settings" class="ng-scope">
 		<div id="app-settings-header">
-			<button name="app settings" class="settings-button" data-apps-slide-toggle="#app-settings-content"></button>
+			<button name="app settings" class="settings-button" data-apps-slide-toggle="#app-settings-content">
+				<?php p($l->t('Settings'));?>
+			</button>
 		</div>
 		<div id="app-settings-content">
 			<div><label for="setting_msg_per_page">Max messages on tab loading</label>