Merge branch 'develop'

source/style/Character-sheet.less

@@ -11,38 +11,41 @@
 
 	.flexcolumn {
 		flex-wrap: wrap;
+		flex-direction: column;
 	}
 
 	.flexcolumn-1 {
-		flex: 100%;
+		flex-basis: 100%;
 		flex-wrap: wrap;
 	}
 
 	.flexcolumn-2 {
-		flex: 50%;
+		flex-basis: 50%;
 		flex-wrap: wrap;
 	}
 
 	.flexcolumn-3 {
-		flex: 33%;
+		flex-basis: 33%;
 		flex-wrap: wrap;
 	}
 
 	.flexcolumn-4 {
-		flex: 25%;
+		flex-basis: 25%;
 		flex-wrap: wrap;
 	}
 
 	.flexcolumn-5 {
-		flex: 20%;
+		flex-basis: 20%;
 		flex-wrap: wrap;
 	}
 
 	.flexpart {
 		gap: 0;
 		padding: 0;
-		margin: 5px;
+		margin: 2px;
 		background-color: beige;
+		border-collapse: separate;
+		border-radius: 10px;
 		border: 2px solid black;
 	}
 
@@ -65,10 +68,24 @@
 
 	h3 {
 		padding: 0.5rem 0.5rem 0.5rem 0.5rem;
+		margin-top: 0.5rem;
+		margin-bottom: 0;
 		text-align: left;
 		font-weight: bold;
-		background-color: dimgray;
-		color: white;
+		background-color: #eeede0;
+		color: black;
+		border-collapse: separate;
+		border: 2px solid black;
+		border-radius: 10px;
+	}
+
+	.profile-img {
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+		height: 100%;
+		width: auto;
+		border: 0px solid black;
 	}
 
 	.profile-img {
@@ -246,7 +263,8 @@
 		padding: 1px;
 		//align-items: stretch;
 
-		input {
+		input,
+		.max-value {
 			flex: 0 0 2rem;
 			text-align: center;
 			height: 100%;