Merge pull request #2548 from thelounge/xpaw/input-height

Fix text not having enough space in <select> with some fonts

client/css/style.css

@@ -858,9 +858,11 @@ background on hover (unless active) */
 	margin: 2px 0;
 	margin-bottom: 10px;
 	outline: 0;
-	padding: 8px 10px;
+	padding: 0 10px;
 	transition: border-color 0.2s;
 	width: 100%;
+	height: 35px;
+	line-height: 35px;
 }
 
 .input:disabled {
@@ -872,12 +874,11 @@ background on hover (unless active) */
 	border-color: #79838c;
 }
 
-#windows select.input {
-	height: 35px;
-}
-
 #user-specified-css-input {
 	resize: vertical;
+	height: 10em;
+	padding: 6px 10px;
+	line-height: 1.5;
 }
 
 #windows .window {
@@ -1022,7 +1023,7 @@ background on hover (unless active) */
 	visibility: hidden;
 }
 
-#windows #form .input,
+#windows #form,
 .messages .msg,
 .userlist {
 	font-size: 14px;
@@ -1745,8 +1746,8 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
 	font: normal normal normal 14px/1 FontAwesome;
 	font-size: 16px;
 	color: #607992;
-	width: 37px;
-	height: 37px;
+	width: 35px;
+	height: 35px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -1895,9 +1896,6 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
 
 #form {
 	flex: 0 0 auto;
-}
-
-#windows #form .input {
 	border: 0;
 	border-top: 1px solid #e7e7e7;
 	border-radius: 0;

client/index.html.tpl

@@ -85,13 +85,11 @@
 					<div id="chat"></div>
 					<div id="connection-error"></div>
 					<form id="form" method="post" action="">
-						<div class="input">
 						<span id="nick"></span>
 						<textarea id="input" class="mousetrap"></textarea>
 						<span id="submit-tooltip" class="tooltipped tooltipped-w tooltipped-no-touch" aria-label="Send message">
 							<button id="submit" type="submit" aria-label="Send message"></button>
 						</span>
-						</div>
 					</form>
 				</div>
 				<div id="sign-in" class="window" role="tabpanel" aria-label="Sign-in"></div>

client/themes/morning.css

@@ -81,7 +81,7 @@
 .irc-fg12 { color: #50a8ff; }
 
 /* Message form */
-#windows #form .input {
+#form {
 	background-color: #28333d;
 	border-color: #28333d;
 	color: var(--body-color);