message box is on the left and hides now

README.md

-This is a small and easy URL shorter, written in Python. To install please visit the [wiki](https://git.jonasled.de/jonasled/url_shorter_docker/wiki). A Demo you can find under [kurz.gq](https://kurz.gq)
-
+This is a small and easy URL shorter, written in Python. To install please visit the [wiki](https://git.jonasled.de/jonasled/url_shorter_docker/wiki). A Demo you can find under [kurz.gq](https://kurz.gq)
+
 ![screenshot of url shorter](https://git.jonasled.de/jonasled/url_shorter_docker/raw/commit/f38811d5dc5ae7dec0bdc75c90ee88bdee426e70/Screenshot.png)
\ No newline at end of file

static/style.css

@@ -157,7 +157,6 @@ font-family: "Roboto", sans-serif;
 #snackbar {
 visibility: hidden;
 min-width: 250px;
-margin-left: -125px;
 background-color: #333;
 color: #fff;
 text-align: center;
@@ -165,7 +164,8 @@ border-radius: 2px;
 padding: 16px;
 position: fixed;
 z-index: 1;
-left: 50%;
+margin-left: auto;
+margin-right: auto;
 bottom: 30px;
 font-size: 17px;
 }

templates/home.html

@@ -39,9 +39,8 @@
       <div id="snackbar">{{snackbar}}</div>
       {% if snackbar %}
       <script>
-         var x = document.getElementById("snackbar");
-         x.className = "show";
-         setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
+         document.getElementById("snackbar").className = "show";
+         setTimeout(function(){ document.getElementById("snackbar").className = x.className.replace("show", ""); }, 3000);
       </script>
       {% endif %}