From dbf64f9bb146bc23d10c2b840e7ce0e8ad68ef5f Mon Sep 17 00:00:00 2001
From: jason <13521008@std.stei.itb.ac.id>
Date: Mon, 9 Oct 2023 12:17:49 +0700
Subject: [PATCH] fix: css and remove navbar menu

---
 app/views/navbar.php              |  11 +-
 public/css/addplace.css           |  21 +--
 public/css/changeinformation.css  |  21 +--
 public/css/dashboard.css          |  13 +-
 public/css/editplace.css          |  21 +--
 public/css/infotempatwisata.css   | 209 +++++++++++++++---------------
 public/css/konfirmasipesanan.css  | 209 +++++++++++++++---------------
 public/css/landingpage.css        |  21 +--
 public/css/listplace.css          |  21 +--
 public/css/pilihedit.css          |  21 +--
 public/css/profileinformation.css |  21 +--
 public/css/reservationmenu.css    |  21 +--
 public/css/reviewmenu.css         |  21 +--
 public/css/travelplan.css         |  21 +--
 14 files changed, 330 insertions(+), 322 deletions(-)

diff --git a/app/views/navbar.php b/app/views/navbar.php
index fc46f4b..2d6496e 100644
--- a/app/views/navbar.php
+++ b/app/views/navbar.php
@@ -5,9 +5,8 @@
             <ul>
                 <li><a href="#">' . $_SESSION["Username"] . '</a>
                     <ul class="profiledropdownadmin">
-                        <li><a href="profile">Profil</a></li>
+                        <li><a href="profile">User Profile</a></li>
                         <li><a href="pilih-wisata">Edit Destination</a></li>
-                        <li><a href="pilih-akomodasi">Edit Accomodation</a></li>
                         <li><a id="logout">Logout</a></li>
                         <script src="../../public/js/logout.js"></script>
                     </ul>
@@ -15,7 +14,6 @@
                 <li><a href="#">Menu</a>
                     <ul class="menudropdown">
                         <li><a href="list-tempat-wisata">Tempat Wisata</a></li>
-                        <li><a href="list-akomodasi">Akomodasi</a></li>
                     </ul>
                 </li>
                 <li><a href="#">History</a>
@@ -33,9 +31,8 @@
             echo '<div class="navbar">
             <ul>
                 <li><a href="#">' . $_SESSION["Username"] . '</a>
-                    <ul class="profiledr
-                     opdownadmin">
-                        <li><a href="profile">Profil</a></li>
+                    <ul class="profiledropdownadmin">
+                        <li><a href="profile">User Profile</a></li>
                         <li><a id="logout">Logout</a></li>
                         <script src="../../public/js/logout.js"></script>
                     </ul>
@@ -43,7 +40,6 @@
                 <li><a href="#">Menu</a>
                     <ul class="menudropdown">
                         <li><a href="list-tempat-wisata">Tempat Wisata</a></li>
-                        <li><a href="list-akomodasi">Akomodasi</a></li>
                     </ul>
                 </li>
                 <li><a href="#">History</a>
@@ -66,7 +62,6 @@
             <li><a href="#">Menu</a>
                 <ul class="menudropdown">
                     <li><a href="list-tempat-wisata">Tempat Wisata</a></li>
-                    <li><a href="list-akomodasi">Akomodasi</a></li>
                 </ul>
             </li>
             <li><a href="#" id="homeLink">Home</a></li>
diff --git a/public/css/addplace.css b/public/css/addplace.css
index 250a6ac..c721d40 100644
--- a/public/css/addplace.css
+++ b/public/css/addplace.css
@@ -29,14 +29,14 @@ body{
 }
 
 .navbar ul li ul.profiledropdownadmin li{
-display: block;
+  display: block;
 }
 
 .navbar ul li ul.profiledropdownadmin{
-width: 220px;
-position: absolute;
-z-index: 999;
-display: none;
+  width: 185px;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
 
 .navbar ul li ul.menudropdown li{
@@ -75,7 +75,7 @@ display: none;
 }
 
 .navbar li img {
-  width: 95px;
+  width: 110px;
   height: 40px;
   display: block;
   margin-left: 5px;
@@ -99,9 +99,10 @@ display: none;
 }
 
 .navbar li:hover ul.profiledropdownadmin{
-display: block;
-margin-top: -1px;
-margin-left: -161px;
+  display: block;
+  margin-top: -1px;
+  position: absolute;
+  right: 0;
 }
 
 .navbar li:hover ul.menudropdown{
@@ -113,7 +114,7 @@ margin-left: -161px;
 .navbar li:hover ul.historydropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -140px;
+  margin-left: -130px;
 }
 
 .adddestination {
diff --git a/public/css/changeinformation.css b/public/css/changeinformation.css
index 799be71..1d88acb 100644
--- a/public/css/changeinformation.css
+++ b/public/css/changeinformation.css
@@ -29,14 +29,14 @@ body{
 }
 
 .navbar ul li ul.profiledropdownadmin li{
-display: block;
+  display: block;
 }
 
 .navbar ul li ul.profiledropdownadmin{
-width: 220px;
-position: absolute;
-z-index: 999;
-display: none;
+  width: 185px;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
 
 .navbar ul li ul.menudropdown li{
@@ -75,7 +75,7 @@ display: none;
 }
 
 .navbar li img {
-  width: 95px;
+  width: 110px;
   height: 40px;
   display: block;
   margin-left: 5px;
@@ -99,9 +99,10 @@ display: none;
 }
 
 .navbar li:hover ul.profiledropdownadmin{
-display: block;
-margin-top: -1px;
-margin-left: -161px;
+  display: block;
+  margin-top: -1px;
+  position: absolute;
+  right: 0;
 }
 
 .navbar li:hover ul.menudropdown{
@@ -113,7 +114,7 @@ margin-left: -161px;
 .navbar li:hover ul.historydropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -140px;
+  margin-left: -130px;
 }
 
 .profile-user-info {
diff --git a/public/css/dashboard.css b/public/css/dashboard.css
index dcd0693..4ed8ba6 100644
--- a/public/css/dashboard.css
+++ b/public/css/dashboard.css
@@ -36,7 +36,7 @@ body{
 }
 
 .navbar ul li ul.profiledropdownadmin{
-  width: 220px;
+  width: 185px;
   position: absolute;
   z-index: 999;
   display: none;
@@ -78,7 +78,7 @@ body{
 }
 
 .navbar li img {
-  width: 95px;
+  width: 110px;
   height: 40px;
   display: block;
   margin-left: 5px;
@@ -102,9 +102,10 @@ body{
 }
 
 .navbar li:hover ul.profiledropdownadmin{
-display: block;
-margin-top: -1px;
-margin-left: -161px;
+  display: block;
+  margin-top: -1px;
+  position: absolute;
+  right: 0;
 }
 
 .navbar li:hover ul.menudropdown{
@@ -116,7 +117,7 @@ margin-left: -161px;
 .navbar li:hover ul.historydropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -140px;
+  margin-left: -130px;
 }
 
 .maintitle {
diff --git a/public/css/editplace.css b/public/css/editplace.css
index 250a6ac..c721d40 100644
--- a/public/css/editplace.css
+++ b/public/css/editplace.css
@@ -29,14 +29,14 @@ body{
 }
 
 .navbar ul li ul.profiledropdownadmin li{
-display: block;
+  display: block;
 }
 
 .navbar ul li ul.profiledropdownadmin{
-width: 220px;
-position: absolute;
-z-index: 999;
-display: none;
+  width: 185px;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
 
 .navbar ul li ul.menudropdown li{
@@ -75,7 +75,7 @@ display: none;
 }
 
 .navbar li img {
-  width: 95px;
+  width: 110px;
   height: 40px;
   display: block;
   margin-left: 5px;
@@ -99,9 +99,10 @@ display: none;
 }
 
 .navbar li:hover ul.profiledropdownadmin{
-display: block;
-margin-top: -1px;
-margin-left: -161px;
+  display: block;
+  margin-top: -1px;
+  position: absolute;
+  right: 0;
 }
 
 .navbar li:hover ul.menudropdown{
@@ -113,7 +114,7 @@ margin-left: -161px;
 .navbar li:hover ul.historydropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -140px;
+  margin-left: -130px;
 }
 
 .adddestination {
diff --git a/public/css/infotempatwisata.css b/public/css/infotempatwisata.css
index 270e4bf..1fa49d1 100644
--- a/public/css/infotempatwisata.css
+++ b/public/css/infotempatwisata.css
@@ -3,116 +3,117 @@ body{
 }
 
 .navbar{
-    position: relative;
-    z-index: 100000;
-  }
-  
-  .navbar ul {
-    width: auto;
-    list-style-type: none;
-    margin-left: -8px;
-    margin-top: -8px;
-    overflow: hidden;
-    background-color: rgb(99, 0, 108);
-  }
-  
-  .navbar ul li ul.profiledropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.profiledropdown{
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar ul li ul.profiledropdownadmin li{
+  position: relative;
+  z-index: 100000;
+}
+
+.navbar ul {
+  width: auto;
+  list-style-type: none;
+  margin-left: -8px;
+  margin-top: -8px;
+  overflow: hidden;
+  background-color: rgb(99, 0, 108);
+}
+
+.navbar ul li ul.profiledropdown li{
   display: block;
-  }
-  
-  .navbar ul li ul.profiledropdownadmin{
-  width: 220px;
+}
+
+.navbar ul li ul.profiledropdown{
   position: absolute;
   z-index: 999;
   display: none;
-  }
-  
-  .navbar ul li ul.menudropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.menudropdown{
-    width: 200px;
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar ul li ul.historydropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.historydropdown{
-    width: 200px;
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar li {
-    font-family: 'Montserrat', sans-serif;
-    float: right;
-  }
-  
-  .navbar li a {
-    display: block;
-    color: white;
-    text-align: center;
-    padding: 22px 26px;
-    text-decoration: none;
-  }
-  
-  .navbar li img {
-    width: 95px;
-    height: 40px;
-    display: block;
-    margin-left: 5px;
-    margin-top: 10px;
-    position: absolute;
-    left: 0;
-  }
-  
-  .navbar li a:hover {
-    background-color: #111;
-  }
-  
-  .navbar li:hover ul.menudropdown{
-    display: block;
-  }
-  
-  .navbar li:hover ul.profiledropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
-  
-  .navbar li:hover ul.profiledropdownadmin{
+}
+
+.navbar ul li ul.profiledropdownadmin li{
+  display: block;
+}
+
+.navbar ul li ul.profiledropdownadmin{
+  width: 185px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+  display: block;
+}
+
+.navbar ul li ul.menudropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+  display: block;
+}
+
+.navbar ul li ul.historydropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar li {
+  font-family: 'Montserrat', sans-serif;
+  float: right;
+}
+
+.navbar li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 22px 26px;
+  text-decoration: none;
+}
+
+.navbar li img {
+  width: 110px;
+  height: 40px;
+  display: block;
+  margin-left: 5px;
+  margin-top: 10px;
+  position: absolute;
+  left: 0;
+}
+
+.navbar li a:hover {
+  background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
+}
+
+.navbar li:hover ul.profiledropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -161px;
-  }
-  
-  .navbar li:hover ul.menudropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
-  
-  .navbar li:hover ul.historydropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.profiledropdownadmin{
+  display: block;
+  margin-top: -1px;
+  position: absolute;
+  right: 0;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.historydropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -130px;
+}
 
 .destination-picture{
     position: flex;
diff --git a/public/css/konfirmasipesanan.css b/public/css/konfirmasipesanan.css
index 7c3b31d..c7d8497 100644
--- a/public/css/konfirmasipesanan.css
+++ b/public/css/konfirmasipesanan.css
@@ -3,116 +3,117 @@ body{
 }
 
 .navbar{
-    position: relative;
-    z-index: 100000;
-  }
-  
-  .navbar ul {
-    width: auto;
-    list-style-type: none;
-    margin-left: -8px;
-    margin-top: -8px;
-    overflow: hidden;
-    background-color: rgb(99, 0, 108);
-  }
-  
-  .navbar ul li ul.profiledropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.profiledropdown{
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar ul li ul.profiledropdownadmin li{
+  position: relative;
+  z-index: 100000;
+}
+
+.navbar ul {
+  width: auto;
+  list-style-type: none;
+  margin-left: -8px;
+  margin-top: -8px;
+  overflow: hidden;
+  background-color: rgb(99, 0, 108);
+}
+
+.navbar ul li ul.profiledropdown li{
   display: block;
-  }
-  
-  .navbar ul li ul.profiledropdownadmin{
-  width: 220px;
+}
+
+.navbar ul li ul.profiledropdown{
   position: absolute;
   z-index: 999;
   display: none;
-  }
-  
-  .navbar ul li ul.menudropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.menudropdown{
-    width: 200px;
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar ul li ul.historydropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.historydropdown{
-    width: 200px;
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar li {
-    font-family: 'Montserrat', sans-serif;
-    float: right;
-  }
-  
-  .navbar li a {
-    display: block;
-    color: white;
-    text-align: center;
-    padding: 22px 26px;
-    text-decoration: none;
-  }
-  
-  .navbar li img {
-    width: 95px;
-    height: 40px;
-    display: block;
-    margin-left: 5px;
-    margin-top: 10px;
-    position: absolute;
-    left: 0;
-  }
-  
-  .navbar li a:hover {
-    background-color: #111;
-  }
-  
-  .navbar li:hover ul.menudropdown{
-    display: block;
-  }
-  
-  .navbar li:hover ul.profiledropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
-  
-  .navbar li:hover ul.profiledropdownadmin{
+}
+
+.navbar ul li ul.profiledropdownadmin li{
+  display: block;
+}
+
+.navbar ul li ul.profiledropdownadmin{
+  width: 185px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+  display: block;
+}
+
+.navbar ul li ul.menudropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+  display: block;
+}
+
+.navbar ul li ul.historydropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar li {
+  font-family: 'Montserrat', sans-serif;
+  float: right;
+}
+
+.navbar li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 22px 26px;
+  text-decoration: none;
+}
+
+.navbar li img {
+  width: 110px;
+  height: 40px;
+  display: block;
+  margin-left: 5px;
+  margin-top: 10px;
+  position: absolute;
+  left: 0;
+}
+
+.navbar li a:hover {
+  background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
+}
+
+.navbar li:hover ul.profiledropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.profiledropdownadmin{
+  display: block;
+  margin-top: -1px;
+  position: absolute;
+  right: 0;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.historydropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -161px;
-  }
-  
-  .navbar li:hover ul.menudropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
-  
-  .navbar li:hover ul.historydropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
+  margin-left: -130px;
+}
 
 .konfirmasipemesanan h1{
     font-family: 'Montserrat', sans-serif;
diff --git a/public/css/landingpage.css b/public/css/landingpage.css
index f3f8139..635db35 100644
--- a/public/css/landingpage.css
+++ b/public/css/landingpage.css
@@ -32,14 +32,14 @@ body{
 }
 
 .navbar ul li ul.profiledropdownadmin li{
-display: block;
+  display: block;
 }
 
 .navbar ul li ul.profiledropdownadmin{
-width: 220px;
-position: absolute;
-z-index: 999;
-display: none;
+  width: 185px;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
 
 .navbar ul li ul.menudropdown li{
@@ -78,7 +78,7 @@ display: none;
 }
 
 .navbar li img {
-  width: 95px;
+  width: 110px;
   height: 40px;
   display: block;
   margin-left: 5px;
@@ -102,9 +102,10 @@ display: none;
 }
 
 .navbar li:hover ul.profiledropdownadmin{
-display: block;
-margin-top: -1px;
-margin-left: -161px;
+  display: block;
+  margin-top: -1px;
+  position: absolute;
+  right: 0;
 }
 
 .navbar li:hover ul.menudropdown{
@@ -116,7 +117,7 @@ margin-left: -161px;
 .navbar li:hover ul.historydropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -140px;
+  margin-left: -130px;
 }
 
 .maintitle {
diff --git a/public/css/listplace.css b/public/css/listplace.css
index 67d3890..59d2bd6 100644
--- a/public/css/listplace.css
+++ b/public/css/listplace.css
@@ -27,14 +27,14 @@ body{
   }
   
   .navbar ul li ul.profiledropdownadmin li{
-  display: block;
+    display: block;
   }
   
   .navbar ul li ul.profiledropdownadmin{
-  width: 220px;
-  position: absolute;
-  z-index: 999;
-  display: none;
+    width: 185px;
+    position: absolute;
+    z-index: 999;
+    display: none;
   }
   
   .navbar ul li ul.menudropdown li{
@@ -73,7 +73,7 @@ body{
   }
   
   .navbar li img {
-    width: 95px;
+    width: 110px;
     height: 40px;
     display: block;
     margin-left: 5px;
@@ -97,9 +97,10 @@ body{
   }
   
   .navbar li:hover ul.profiledropdownadmin{
-  display: block;
-  margin-top: -1px;
-  margin-left: -161px;
+    display: block;
+    margin-top: -1px;
+    position: absolute;
+    right: 0;
   }
   
   .navbar li:hover ul.menudropdown{
@@ -111,7 +112,7 @@ body{
   .navbar li:hover ul.historydropdown{
     display: block;
     margin-top: -1px;
-    margin-left: -140px;
+    margin-left: -130px;
   }
 
 .listdestination{
diff --git a/public/css/pilihedit.css b/public/css/pilihedit.css
index 62396ee..359e066 100644
--- a/public/css/pilihedit.css
+++ b/public/css/pilihedit.css
@@ -27,14 +27,14 @@ body{
 }
 
 .navbar ul li ul.profiledropdownadmin li{
-display: block;
+  display: block;
 }
 
 .navbar ul li ul.profiledropdownadmin{
-width: 220px;
-position: absolute;
-z-index: 999;
-display: none;
+  width: 185px;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
 
 .navbar ul li ul.menudropdown li{
@@ -73,7 +73,7 @@ display: none;
 }
 
 .navbar li img {
-  width: 95px;
+  width: 110px;
   height: 40px;
   display: block;
   margin-left: 5px;
@@ -97,9 +97,10 @@ display: none;
 }
 
 .navbar li:hover ul.profiledropdownadmin{
-display: block;
-margin-top: -1px;
-margin-left: -161px;
+  display: block;
+  margin-top: -1px;
+  position: absolute;
+  right: 0;
 }
 
 .navbar li:hover ul.menudropdown{
@@ -111,7 +112,7 @@ margin-left: -161px;
 .navbar li:hover ul.historydropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -140px;
+  margin-left: -130px;
 }
 
 .listdestination{
diff --git a/public/css/profileinformation.css b/public/css/profileinformation.css
index 24b3d00..2590057 100644
--- a/public/css/profileinformation.css
+++ b/public/css/profileinformation.css
@@ -29,14 +29,14 @@ body{
 }
 
 .navbar ul li ul.profiledropdownadmin li{
-display: block;
+  display: block;
 }
 
 .navbar ul li ul.profiledropdownadmin{
-width: 220px;
-position: absolute;
-z-index: 999;
-display: none;
+  width: 185px;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
 
 .navbar ul li ul.menudropdown li{
@@ -75,7 +75,7 @@ display: none;
 }
 
 .navbar li img {
-  width: 95px;
+  width: 110px;
   height: 40px;
   display: block;
   margin-left: 5px;
@@ -99,9 +99,10 @@ display: none;
 }
 
 .navbar li:hover ul.profiledropdownadmin{
-display: block;
-margin-top: -1px;
-margin-left: -161px;
+  display: block;
+  margin-top: -1px;
+  position: absolute;
+  right: 0;
 }
 
 .navbar li:hover ul.menudropdown{
@@ -113,7 +114,7 @@ margin-left: -161px;
 .navbar li:hover ul.historydropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -140px;
+  margin-left: -130px;
 }
 
 .profileinfo {
diff --git a/public/css/reservationmenu.css b/public/css/reservationmenu.css
index 5304451..65ee1e4 100644
--- a/public/css/reservationmenu.css
+++ b/public/css/reservationmenu.css
@@ -29,14 +29,14 @@ body{
 }
 
 .navbar ul li ul.profiledropdownadmin li{
-display: block;
+  display: block;
 }
 
 .navbar ul li ul.profiledropdownadmin{
-width: 220px;
-position: absolute;
-z-index: 999;
-display: none;
+  width: 185px;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
 
 .navbar ul li ul.menudropdown li{
@@ -75,7 +75,7 @@ display: none;
 }
 
 .navbar li img {
-  width: 95px;
+  width: 140px;
   height: 40px;
   display: block;
   margin-left: 5px;
@@ -99,9 +99,10 @@ display: none;
 }
 
 .navbar li:hover ul.profiledropdownadmin{
-display: block;
-margin-top: -1px;
-margin-left: -161px;
+  display: block;
+  margin-top: -1px;
+  position: absolute;
+  right: 0;
 }
 
 .navbar li:hover ul.menudropdown{
@@ -113,7 +114,7 @@ margin-left: -161px;
 .navbar li:hover ul.historydropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -140px;
+  margin-left: -130px;
 }
 
 .reservasimenu {
diff --git a/public/css/reviewmenu.css b/public/css/reviewmenu.css
index dd8c1cb..9d5939b 100644
--- a/public/css/reviewmenu.css
+++ b/public/css/reviewmenu.css
@@ -27,14 +27,14 @@ body{
   }
   
   .navbar ul li ul.profiledropdownadmin li{
-  display: block;
+    display: block;
   }
   
   .navbar ul li ul.profiledropdownadmin{
-  width: 220px;
-  position: absolute;
-  z-index: 999;
-  display: none;
+    width: 185px;
+    position: absolute;
+    z-index: 999;
+    display: none;
   }
   
   .navbar ul li ul.menudropdown li{
@@ -73,7 +73,7 @@ body{
   }
   
   .navbar li img {
-    width: 95px;
+    width: 110px;
     height: 40px;
     display: block;
     margin-left: 5px;
@@ -97,9 +97,10 @@ body{
   }
   
   .navbar li:hover ul.profiledropdownadmin{
-  display: block;
-  margin-top: -1px;
-  margin-left: -161px;
+    display: block;
+    margin-top: -1px;
+    position: absolute;
+    right: 0;
   }
   
   .navbar li:hover ul.menudropdown{
@@ -111,7 +112,7 @@ body{
   .navbar li:hover ul.historydropdown{
     display: block;
     margin-top: -1px;
-    margin-left: -140px;
+    margin-left: -130px;
   }
   
   .reviewplaces h1 {
diff --git a/public/css/travelplan.css b/public/css/travelplan.css
index 7f4e274..9f49e26 100644
--- a/public/css/travelplan.css
+++ b/public/css/travelplan.css
@@ -27,14 +27,14 @@ body{
 }
 
 .navbar ul li ul.profiledropdownadmin li{
-display: block;
+  display: block;
 }
 
 .navbar ul li ul.profiledropdownadmin{
-width: 220px;
-position: absolute;
-z-index: 999;
-display: none;
+  width: 185px;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
 
 .navbar ul li ul.menudropdown li{
@@ -73,7 +73,7 @@ display: none;
 }
 
 .navbar li img {
-  width: 95px;
+  width: 110px;
   height: 40px;
   display: block;
   margin-left: 5px;
@@ -97,9 +97,10 @@ display: none;
 }
 
 .navbar li:hover ul.profiledropdownadmin{
-display: block;
-margin-top: -1px;
-margin-left: -161px;
+  display: block;
+  margin-top: -1px;
+  position: absolute;
+  right: 0;
 }
 
 .navbar li:hover ul.menudropdown{
@@ -111,7 +112,7 @@ margin-left: -161px;
 .navbar li:hover ul.historydropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -140px;
+  margin-left: -130px;
 }
 
 .createtravelplan h1{
-- 
GitLab