From 7fcc418043aa19714cf028cb8548965377fa934e Mon Sep 17 00:00:00 2001
From: Thoscellen <Thoscellen@gmail.com>
Date: Mon, 9 Aug 2021 16:51:56 +0200
Subject: [PATCH] fix: :recycle: Fixed buttons to link to # and avoid useless
 reload on click (they are no suposed to be interactive).

Changed the 'View' toolbar to square buttons instead of text links. There is no images yet.
---
 public/index.html | 13 ++++++-------
 public/main.css   | 13 +++++++++++++
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index 07e50bc..7f646e3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,11 +16,11 @@
 		<div class="lb-container">
 			<div class="lb-header">
 				<h2>Importer des documents</h2>
-				<a href="" class="close-button"><img src="./assets/closebutton.png"></a>
+				<a href="#" class="close-button"><img src="./assets/closebutton.png"></a>
 				<div id="tabs-container">
 					<span></span>
-					<span><a href="">Intégrer un contenu externe</a></span>
-					<span><a href="">Filmer depuis la caméra</a></span>
+					<span><a href="#">Intégrer un contenu externe</a></span>
+					<span><a href="#">Filmer depuis la caméra</a></span>
 					<span class="active"><a href="">Parcourir son Espace Doc</a></span>
 					<span></span>
 				</div>
@@ -31,10 +31,9 @@
 					<button>🔍</button>
 				</div>
 				<div id="doc-file-viewmode">
-					Vue :
-					<a href="" class="active">Mosaïque</a>
-					<a href="">Grille</a>
-					<a href="">Liste</a>
+					<a href="#" class="active"></a>
+					<a href="#"></a>
+					<a href="#"></a>
 				</div>
 				<div id="doc-file-nav" class="list-nav scrollable">
 					<ul class="">
diff --git a/public/main.css b/public/main.css
index b15c8d6..d6e9e82 100644
--- a/public/main.css
+++ b/public/main.css
@@ -184,6 +184,19 @@ input {
 	font-family: Calibri, Mallanna, "Segoe UI", sans-serif;
 }
 
+#doc-file-viewmode a {
+  background-image: linear-gradient(#fff, #e9ebef);
+  border-radius: 15px;
+  height: 40px;
+  min-width: 40px;
+  display: inline-block;
+}
+
+#doc-file-viewmode a.active {
+  background-image: linear-gradient(#3889c1, #43b9e7);
+}
+
+
 button {
   /* height: 40px; */
   box-sizing: border-box;