diff --git a/application/dash/templates/dashboard.html b/application/dash/templates/dashboard.html index 249266e..4f6843e 100644 --- a/application/dash/templates/dashboard.html +++ b/application/dash/templates/dashboard.html @@ -6,41 +6,45 @@
{% for service in services%}
-
-
- {{service["name"]}} -
- - -
-
-
+
+
-
-
-
- {{service["url"]}} +
+
+
+ {{service["name"]}} +
+ +
+
+
+ {{service["url"]}} +
+
{% endfor %}
-{%endblock%} \ No newline at end of file +{%endblock%} \ No newline at end of file diff --git a/application/static/icons/2/google.png b/application/static/icons/2/google.png deleted file mode 100644 index 67fed90..0000000 Binary files a/application/static/icons/2/google.png and /dev/null differ diff --git a/application/static/icons/2/netflix.png b/application/static/icons/2/netflix.png deleted file mode 100644 index a8315c9..0000000 Binary files a/application/static/icons/2/netflix.png and /dev/null differ diff --git a/application/static/icons/2/spotify.png b/application/static/icons/2/spotify.png deleted file mode 100644 index 88bdc71..0000000 Binary files a/application/static/icons/2/spotify.png and /dev/null differ diff --git a/application/static/style.css b/application/static/style.css index d03e0e1..94e8144 100644 --- a/application/static/style.css +++ b/application/static/style.css @@ -5,30 +5,27 @@ body { /* Dashboard page */ .grid-container { - display: flex; - grid-template-columns: auto auto auto auto auto; + display: grid; + grid-template-columns: auto auto auto; gap: 20px; background-color: lightslategray; padding-top: 20px; margin-left: 10%; margin-right: 10%; - justify-content: center; } .grid-container > div { height: fit-content; - width: 200px; + width: 400px; padding-top: 5px; padding-bottom: 5px; border: 2px solid black; border-radius: 10px; box-shadow: 5px 5px 10px black; - font-weight: bold; - } .fit-picture { - width: 175px; + width: 45px; margin-top: 5px; margin-bottom: 5px; border: 1px solid black; @@ -36,14 +33,6 @@ body { box-shadow: 0px 0px 5px black; } -.url { - font-weight: normal; -} - -.name { - margin-left: 60px; -} - /* Login page */ .form { display: block;