web: css adjustments

tailwind classes define what "page-container" previously did, with some changes. Logout button moved to top of screen.
2024-08-05 21:18:32 +01:00
parent b40211a6e0
commit 284312713c
11 changed files with 61 additions and 74 deletions
@@ -7,7 +7,7 @@
    </head>
    <body class="max-w-full overflow-x-hidden section">
        <div id="notification-box"></div>
-        <div class="top-[2%] lg:top-4 left-[2%] lg:left-4 absolute">
+        <div class="top-2 left-2 absolute">
            <span class="dropdown" tabindex="0" id="lang-dropdown">
                <span class="button ~urge dropdown-button">
                    <i class="ri-global-line"></i>
@@ -19,7 +19,7 @@
                </div>
            </span>
        </div>    
-        <div class="page-container" id="page-container">
+        <div class="page-container m-2 lg:my-20 lg:mx-64" id="page-container">
            <div class="card ~neutral @low mb-2">
                <div class="row">
                    <img class="banner header" src="banner.svg" alt="jfa-go" />