fix: Rearrange left panel with consistency

lib/medical_transcription/accounts/user.ex

@@ -1,8 +1,11 @@
 defmodule MedicalTranscription.Accounts.User do
   use Ecto.Schema
   import Ecto.Changeset
+
   @primary_key {:id, :binary_id, autogenerate: true}
   @foreign_key_type :binary_id
+  @min_password_length 8
+
   schema "users" do
     field :email, :string
     field :password, :string, virtual: true, redact: true
@@ -53,7 +56,7 @@ defmodule MedicalTranscription.Accounts.User do
   defp validate_password(changeset, opts) do
     changeset
     |> validate_required([:password])
-    |> validate_length(:password, min: 12, max: 72)
+    |> validate_length(:password, min: @min_password_length, max: 72)
     # Examples of additional password validation:
     # |> validate_format(:password, ~r/[a-z]/, message: "at least one lower case character")
     # |> validate_format(:password, ~r/[A-Z]/, message: "at least one upper case character")

lib/medical_transcription_web/components/header_component.ex

@@ -15,24 +15,30 @@ defmodule MedicalTranscriptionWeb.Components.HeaderComponent do
         </h1>
       </div>
 
+      <%= if @current_user do %>
+        <div class="flex-1 px-6">
+          <p class="text-xs leading-normal tracking-[0.2em] font-semibold uppercase">Today</p>
+        </div>
+      <% end %>
+
       <ul class="flex flex-col items-center gap-4 px-4">
         <%= if @current_user do %>
           <li class="text-[0.8125rem] leading-6 text-zinc-900">
             <%= @current_user.email %>
           </li>
-          <li>
+          <li class="w-full">
             <.link
               href={~p"/users/settings"}
-              class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
+              class="text-[0.8125rem] text-left w-full block leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
             >
               Settings
             </.link>
           </li>
-          <li>
+          <li class="w-full">
             <.link
               href={~p"/users/log_out"}
               method="delete"
-              class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
+              class="text-[0.8125rem] text-left w-full block leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
             >
               Log out
             </.link>
@@ -58,12 +64,9 @@ defmodule MedicalTranscriptionWeb.Components.HeaderComponent do
       </ul>
 
       <%= if @current_user do %>
-        <div class="flex-1 px-6">
-          <p class="text-xs leading-normal tracking-[0.2em] font-semibold uppercase">Today</p>
-        </div>
-
         <div class="px-6 flex flex-col items-center">
           <%= if MedicalTranscription.Coding.icd9_present?() do %>
+
             <div
               class="w-full px-3 py-2 bg-emerald-600 text-white text-center rounded-lg"
               title="Precalculated vector embeddings for classification labels were found."