Fix issues with new header levels

Signed-off-by: Julius Härtl <jus@bitgrid.net>

css/style.scss

@@ -174,7 +174,8 @@ input.input-inline {
 
 	> h2 {
 		white-space: nowrap;
-		padding: 7px;
+		padding: 8px 7px 5px;
+		margin: 0;
 	}
 
 	button {
@@ -394,7 +395,7 @@ input.input-inline {
 		text-overflow: ellipsis;
 	}
 
-	&.has-labels h3 {
+	&.has-labels h4 {
 		margin-top: 15px;
 	}
 
@@ -437,7 +438,7 @@ input.input-inline {
 			opacity: 1;
 		}
 
-		h3 {
+		h4 {
 			width: 100%;
 			padding: 0;
 			margin: 0 0 1px;
@@ -881,11 +882,14 @@ input.input-inline {
 		width: 16px;
 		height: 16px;
 		padding: 0;
-		margin-top: 5px;
+		margin-top: 10px;
 	}
 
+	.sharingOptionsGroup {
+		margin-right:10px;
+	}
 	.shareOption {
-		margin-top: 4px;
+		margin-top: 5px;
 	}
 
 	.avatardiv {

templates/part.board.mainView.php

@@ -105,14 +105,14 @@
 			<div class="card create"
 				 ng-style="{'background-color':'#{{ boardservice.getCurrent().color }}'}" ng-if="boardservice.canEdit() && checkCanEdit() && filter!=='archive'">
 				<form ng-submit="createCard(s.id, newCard.title)">
-					<h3 ng-if="status.addCard[s.id]">
+					<h4 ng-if="status.addCard[s.id]">
 						<input type="text" autofocus-on-insert
 							   ng-model="newCard.title"
 							   ng-blur="status.addCard[s.id]=false"
 							   ng-style="{'color':'{{ boardservice.getCurrent().color | textColorFilter }}','border-color':'{{ boardservice.getCurrent().color | textColorFilter }}'}"
 							   maxlength="100"
 							   required placeholder="<?php p($l->t('Enter a card title')); ?>"/>
-					</h3>
+					</h4>
 				</form>
 				<div ng-if="!status.addCard[s.id]" ng-click="status.addCard[s.id]=true">
 					<i class="icon icon-add{{ boardservice.getCurrent().color | iconWhiteFilter }}"></i>