Fix uplaod page display

src/components/project.vue

@@ -588,7 +588,9 @@ export default {
 				<div class="settings-footer">
 					<a href="https://git.lutran.fr/franzz/spot" :title="lang.get('credits.git')" target="_blank" rel="noopener">
 						<SpotIcon :icon="'credits'" :text="lang.get('credits.project')" />
-					</a> {{ lang.get('credits.license') }}</div>
+					</a>
+					<span>&nbsp;{{ lang.get('credits.license') }}</span>
+				</div>
 			</div>
 			<div :class="'map-control map-control-icon settings-control map-control-'+(isMobile()?'bottom':'top')" @click="toggleSettingsPanel">
 				<SpotIcon :icon="settingsPanelOpen?'prev':'menu'" />

src/components/upload.vue

@@ -118,10 +118,12 @@ export default {
 </script>
 <template>
 	<div id="upload">
-		<a name="back" class="button" href="#project"><SpotIcon :icon="'back'" :text="lang.get('action.back')" /></a>
+		<div class="section header">
-		<h1>{{ lang.get('upload.media.title') }}</h1>
+			<a name="back" class="button" href="#project"><SpotIcon :icon="'back'" :text="lang.get('action.back')" /></a>
-		<h2>{{ this.project.name }}</h2>
+			<h1>{{ this.project.name }}</h1>
+		</div>
 		<div class="section" v-if="project.editable">
+			<h2>{{ lang.get('upload.media.title') }}</h2>
 			<input id="fileupload" type="file" name="files[]" multiple accept=".gif,.jpg,.jpeg,.png,.mov,.mp4" @change="onFileChange" />
 		</div>
 		<div class="section progress" v-if="progress > 0">
@@ -135,8 +137,8 @@ export default {
 				<SpotButton :classes="'save'" :icon="'save'" :text="lang.get('action.save')" @click="addComment(file)" />
 			</div>
 		</div>
-		<h1>{{ lang.get('upload.position.title') }}</h1>
+		<div class="section location" v-if="project.editable">
-		<div class="section location">
+			<h2>{{ lang.get('upload.position.title') }}</h2>
 			<SpotButton :icon="'message'" :text="lang.get('upload.position.new')" @click="addPosition()" />
 		</div>
 		<div class="section logs" v-if="logs.length > 0">

src/styles/_common.scss

@@ -125,6 +125,12 @@ h1 {
 	margin: 1em 0 0.5em;
 }
 
+h2 {
+	font-size: 1.2em;
+	font-weight: bold;
+	margin: 1em 0 0.5em;
+}
+
 /* Feedback */
 
 .feedback {

src/styles/_page.project.settings.scss

@@ -53,16 +53,21 @@
 
 		.settings-footer {
 			flex: 0 1 auto;
+			display: flex;
+			justify-content: center;
 			background: color.$default-bg;
-			border-radius: 0 0 3px 3px;
+			border-radius: 0 0 var.$block-radius var.$block-radius;
 			font-size: 0.7em;
 			padding: var.$text-spacing;
-			text-align: center;
 			color: color.$default;
 
 			a {
 				color: color.$default;
 				text-decoration: none;
+
+				&:hover {
+					color: color.$default-hover;
+				}
 			}
 		}
 

src/styles/_page.upload.scss

@@ -6,10 +6,15 @@
 
 	.section {
 		border-radius: 3px;
-		margin-top: var.$block-spacing;
+
-		padding: 0 var.$block-spacing var.$block-spacing var.$block-spacing;
+		& + .section {
-		border-bottom: 1px solid color.$default-bg;
+			margin-top: var.$block-spacing;
-}
+		}
+	}
+
+	#fileupload {
+		padding: var.$block-spacing 0;
+	}
 
 	.progress {
 		.bar {
@@ -47,8 +52,6 @@
 	}
 
 	.logs {
-		padding: var.$block-spacing;
-
 		p.log {
 			margin: 0;
 		}