diff --git a/univcloud/static/css/style.css b/univcloud/static/css/style.css
index b616d68..01c7435 100644
--- a/univcloud/static/css/style.css
+++ b/univcloud/static/css/style.css
@@ -201,12 +201,13 @@ iframe {
 }
 
 #login {
-  background: #f5f5f5;
-  width: 50%;
+  float: right;
+  /* background: #f5f5f5; */
+  width: 40%;
   padding: 5px 10px 15px 10px;
   margin-top: 2%;
   border-radius: 0px;
-  box-shadow: 0 0 5px black;
+  /* box-shadow: 0 0 5px black; */
 }
 
 #login label {
@@ -263,7 +264,7 @@ li.dark-bg:hover .close {
 }
 
 #idplist {
-  float: right;
+  float: left;
   width: 24%;
   height: 100%;
   background-color: #f5f5f5;
@@ -292,7 +293,7 @@ input#search {
 }
 
 #map {
-  float: left;
+  float: right;
   width: 74%;
   height: 100%;
   box-shadow: 0 0 5px black;
diff --git a/univcloud/templates/registration/login.html b/univcloud/templates/registration/login.html
index 1dcd307..cf55089 100644
--- a/univcloud/templates/registration/login.html
+++ b/univcloud/templates/registration/login.html
@@ -21,13 +21,13 @@
 {% block content %}
 
 <div id="map-and-idplist">
-<div id="map"></div>
 <div id="idplist">
   <input type="text" id="search" x-webkit-speech speech>
   <ul id="idps">
   {% include "univcloud/idplist.html" %}
   </ul>
 </div>
+<div id="map"></div>
 </div>
 
 <div id="login">