Fix font and padding issues

res/include/style/layout.css

@@ -72,13 +72,6 @@ body{
 }
 
 /* Page layout elements */
-.page_wrapper {
-	position: absolute;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-}
 
 .button_toggle_navigation {
 	position: fixed;
@@ -241,12 +234,11 @@ body{
 
 /* Common elements */
 
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, .title {
 	line-height: 1em;
 	margin: 0.5em 0;
-	font-weight: normal;
 	font-weight: lighter;
-	font-family: sans-serif;
+	font-family: 'Open Sans Light', sans-serif;
 }
 
 h1 {

svelte/src/file_viewer/IntroPopup.svelte

@@ -36,7 +36,7 @@ onMount(() => {
 
 {#if visible}
 	<div bind:this={popup} in:fade out:fade class="intro_popup">
-		<h3>Upload your own files here</h3>
+		<span class="title">Upload your own files here</span>
 		<p>
 			With pixeldrain you can share your files anywhere on the web. The
 			sky is the limit!
@@ -55,6 +55,7 @@ onMount(() => {
 	width: 360px;
 	max-width: 80%;
 	height: auto;
+	padding: 8px;
 	background-color: var(--layer_4_color);
 	box-shadow: 1px 1px 10px var(--shadow_color);
 	border-radius: 20px;
@@ -71,8 +72,11 @@ onMount(() => {
 	border-left: 15px solid transparent;
 	border-right: 15px solid transparent;
 }
+.title {
+	font-size: 1.6em;
+}
 .close {
 	float: right;
-	margin: 0 10px 10px 0;
+	margin: 0;
 }
 </style>

svelte/src/user_file_manager/FileManager.svelte

@@ -294,28 +294,32 @@ onMount(() => {
 		width="600px"
 		on:is_visible={e => {help_modal_visible = e.detail}}
 	>
+		<div class="indent">
 			<p>
-			In the file manager you can see the files you have uploaded and the
+				In the file manager you can see the files you have uploaded and
-			lists you have created.
+				the lists you have created.
 			</p>
 			<h3>Searching</h3>
 			<p>
-			By clicking the search bar or pressing the / button you can search
+				By clicking the search bar or pressing the / button you can
-			through your files or lists. Only the entries matching your search
+				search through your files or lists. Only the entries matching
-			term will be shown. Pressing Enter will open the first search result
+				your search term will be shown. Pressing Enter will open the
-			in a new tab. Pressing Escape will cancel the search and all files
+				first search result in a new tab. Pressing Escape will cancel
-			will be shown again.
+				the search and all files will be shown again.
 			</p>
 			<h3>Bulk actions</h3>
 			<p>
-			With the Select button you can click files to select them. Once you
+				With the Select button you can click files to select them. Once
-			have made a selection you can use the buttons on the toolbar to
+				you have made a selection you can use the buttons on the toolbar
-			either create a list containing the selected files or delete them.
+				to either create a list containing the selected files or delete
+				them.
 			</p>
 			<p>
 				Holding Shift while selecting a file will select all the files
-			between the file you last selected and the file you just clicked.
+				between the file you last selected and the file you just
+				clicked.
 			</p>
+		</div>
 	</Modal>
 
 	<!-- This frame will load the download URL when a download button is pressed -->