Merge pull request #1386 from nextcloud/fix-position-of-input-and-edit-button-for-room-name

Fix position of input and edit button for room name

css/style.scss

@@ -706,6 +706,10 @@
 			.edit-button {
 				display: none;
 
+				/* Use the same bottom margin as h2 (defined in the server) to
+				 * align the button vertically with the label. */
+				margin-bottom: 12px;
+
 				.icon {
 					background-color: transparent;
 					border: none;
@@ -720,6 +724,10 @@
 		.input-wrapper {
 			display: flex;
 			align-items: center;
+
+			/* Pull up the wrapper slightly to prevent elements below it from
+			 * moving when it is shown. */
+			margin-top: -2px;
 		}
 		.label {
 			margin-left: 5px;