#115 Improve select profile page

angel-git · Apr 21, 2024 · b996d06 · b996d06
1 parent bf7d644
commit b996d06
Showing 1 changed file with 19 additions and 8 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -74,12 +74,14 @@
   </form>
   {#if sessions.length > 0}
     <h5>Select profile to load:</h5>
-    {#each sessions as session}
-      <div class="session">
-        <div>{session.username} ({session.id})</div>
-        <button on:click={() => loadProfile(session)}>load</button>
-      </div>
-    {/each}
+    <div class="sessions">
+      {#each sessions as session}
+        <div class="session">
+          <div>{session.username} ({session.id})</div>
+          <button on:click={() => loadProfile(session)}>load</button>
+        </div>
+      {/each}
+    </div>
   {/if}
 </div>
 
@@ -91,9 +93,18 @@
     z-index: 10;
   }
 
-  .session {
+  .sessions {
     display: flex;
-    justify-content: space-between;
+    flex-direction: column;
     gap: 16px;
   }
+
+  .sessions .session {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .sessions .session:hover {
+    color: var(--color-highlight);
+  }
 </style>