Add button image, tweak CSS

nearwood · Nov 7, 2019 · 11b4567 · 11b4567
1 parent ab3adf1
commit 11b4567
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/src/view/header.php b/src/view/header.php
@@ -24,7 +24,7 @@
 	<script src="view/msqur.js"></script>
 </head>
 <body>
-<div id="navigation"><span><button id="btnUpload">Upload</button></span><span><a href="browse.php">Browse</a></span><span style="display:none;"><a href="search.php">Search</a></span><span style="display:none;"><a>Stats</a></span><span><a href="about.php">About</a></span></div>
+<div id="navigation"><span><button id="btnUpload"><img src="view/img/upload.svg" alt="Upload" width="16" height="16"><span>Upload</span></button></span><span><a href="browse.php">Browse</a></span><span style="display:none;"><a href="search.php">Search</a></span><span style="display:none;"><a>Stats</a></span><span><a href="about.php">About</a></span></div>
 <div id="upload" style="display:none;">
 	<form id="engineForm" action="upload.php" method="post" enctype="multipart/form-data">
 		<div id="fileDropZone"><label for="fileSelect">Drop files here</label>

diff --git a/src/view/img/upload.svg b/src/view/img/upload.svg
diff --git a/src/view/msqur.css b/src/view/msqur.css
@@ -50,8 +50,8 @@ div.debug {
 }
 
 div#navigation {
-	background: #333;
-	color: white;
+	background: #c1d5e0;
+	color: black;
 	padding: 8px 24px 8px 24px;
 }
 
@@ -60,18 +60,20 @@ div#navigation span {
 	padding: 0px 8px 0px 8px;
 }
 
+/*
 div#navigation a:link {
-	color: green;
+	color: #ff6f00;
 }
 div#navigation a:hover {
-	color: white;
+	color: #c43e00;
 }
 div#navigation a:active {
-	color: white;
+	color: #ffa040;
 }
 div#navigation a:visited {
-	color: red;
+	color: #c43e00;
 }
+*/
 
 div#splash img.tutorial {
 	margin-bottom: 32px;