diff --git a/css/styles.css b/css/styles.css
index fa794e7fe97997e33bd321fddc6b73ec8f88bbe7..0f602221ebeb91fbb1433fe51152f23707c09e4f 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -143,6 +143,37 @@ iframe {
margin: 3px 0px -3px -10px;
}
+.filter-button{
+ width: 46px;
+ height: 43px;
+ border-radius: 5px;
+ background-color: #53bdbd;
+ border: none;
+ position: absolute;
+ top: 12px;
+ left: 145px;
+ outline:none;
+ cursor: pointer;
+}
+
+.filter-button img{
+ width: 19px;
+ height: 19px;
+ position: absolute;
+ top: 3px;
+ left: 14px;
+}
+
+.filter-button span{
+ position: absolute;
+ color: white;
+ font-weight: bold;
+ text-align: center;
+ font-size: 13px;
+ top: 25px;
+ left: 4px;
+}
+
.fridgeOutline {
border-radius: 25px;
background-color: #F2F2F2;
@@ -550,6 +581,10 @@ iframe {
font-size: 12px;
}
+#listeFrigo{
+ position: relative;
+}
+
#memberSectionTab{
background-color: white;
color: #008C8C;
diff --git a/html/listeFrigos.html b/html/listeFrigos.html
index 5ac8c461ed67f76e9f59604a54447a20a669c522..9c378a2044e8b64458b11af06e646cea00a149eb 100644
--- a/html/listeFrigos.html
+++ b/html/listeFrigos.html
@@ -6,7 +6,11 @@
<title>Liste des frigos</title>
</head>
<body id="listeFrigo" onload="retrieveFrigos()">
- <p class="titleSection">Mon profil</p>
+ <p class="titleSection">Liste des frigos</p>
+ <button class="filter-button">
+ <img src="../filtre.png"><br>
+ <span>Filtres</span>
+ </button>
</body>
<script src="../scripts/readJson.js"></script>
<script>