Added logout button. Now using new icons.

2 files changed, 16 insertions, 7 deletions

diff --git a/www/browse.php b/www/browse.php
index 22f45d2..ceb1be7 100644
--- a/www/browse.php
+++ b/www/browse.php
@@ -114,7 +114,8 @@ function get_item($file){
 
 function print_menu(){
 	echo '<div id="menu">
-	<div class="menu-item"  title="Create Folder" id="new-item" onclick="showNewFolder()" ><img src="/static/img/icon_new.svg" width="45px"  onclick="showNewFolder()"></div>
-	<div class="menu-item" title="Upload" id="upload-item" onclick="showUpload()" ><img src="/static/img/icon_upload.svg" width="45px" onclick="showUpload()" ></div>
+	<div class="menu-item"  title="Create Folder" id="new-item" onclick="showNewFolder()" ><i class="fa fa-folder fa-3x" onclick="showNewFolder()"></i></div>
+	<div class="menu-item" title="Upload" id="upload-item" onclick="showUpload()" ><i class="fa fa-upload fa-3x" onclick="showUpload()" ></i></div>
+	<div class="menu-item" title="Logout" id="logout-item"><a class="logout-item-link" href="/logout"><i class="fa fa-sign-out fa-3x" ></i></a></div>
 	</div><!-- div menu-->';
 }
diff --git a/www/static/browser.css b/www/static/browser.css
index e895b97..d2c45fe 100644
--- a/www/static/browser.css
+++ b/www/static/browser.css
@@ -55,20 +55,28 @@ Menu
 	right: 0;
 	margin-top: 10px;
 	margin-right: 30px;
+	color: white;
 }
 
+
 .menu-item{
-	height: 45px;
-	width: 45px;
+	height: 50px;
+	width: 50px;
 	margin: 10px;
 	display:inline-block;
+	text-align: center;
+}
+
+.logout-item-link{
+	text-decoration: none;
+	color: white;
 }
 
 .menu-item:hover{
 	margin: 10px;
 	background:#2669AB;
-	height: 45px;
-	width: 45px;
+	height: 50px;
+	width: 50px;
 	border-radius: 10px;
 	box-shadow: 3px -3px 5px black;
 }
@@ -197,4 +205,4 @@ label{
 		right: 00px;
 		margin-right: 10px;
 		cursor: pointer;
-}
\ No newline at end of file
+}