make the portfolio list more compact

src/routes/portfolio/+page.svelte

@@ -499,11 +499,9 @@
     }
 
     input[type='number'] {
-        width: 100%;
-        font-size: 1rem;
+        font-size: 0.8rem;
         border-radius: 8px;
         border: 1px solid #ddd;
-        margin-bottom: 10px;
         background-color: #f9f9f9;
         color: #333;
         transition: border-color 0.3s ease;
@@ -524,12 +522,12 @@
     }
 
     .btn-primary {
-        background-color: #2980b9;
+        background-color: #3498db;
         color: white;
     }
 
     .btn-primary:hover {
-        background-color: #3498db;
+        background-color: #2980b9;
     }
 
     @keyframes fadeIn {

src/routes/profile/+page.svelte

@@ -44,7 +44,7 @@
 	{#if isLoading}
 		<p>Loading...</p>
 	{:else if isAuthenticated}
-		<p>You are logged in as {user.username}!</p>
+		<p>You are logged in as <strong>{user.username}</strong>!</p>
 		<button class="logout-button" on:click={logout}>Logout</button>
 	{/if}
 </div>
@@ -58,4 +58,8 @@
         background-color: #f44336;
         color: white;
     }
+
+    .logout-button:hover {
+        background-color: #d32f2f;
+    }
 </style>