apps/lol_analytics_web/lib/lol_analytics_web/components/layouts/app.html.heex

@@ -4,6 +4,9 @@
       <a href="/">
         LoL Analytics
       </a>
+      <p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6">
+        v<%= Application.spec(:phoenix, :vsn) %>
+      </p>
     </div>
     <div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
       <.link patch="/champions">

apps/lol_analytics_web/lib/lol_analytics_web/components/patch_selector.ex

@@ -33,11 +33,6 @@ defmodule LolAnalyticsWeb.PatchSelector do
   def render(assigns) do
     ~H"""
     <div phx-feedback-for={@id}>
-      <style>
-        .patch-selector {
-          width: 100px;
-        }
-      </style>
       <.form for={@patch_form} phx-change="validate" phx-target={@myself} phx-submit="save">
         <div class="flex gap-4">
           <p class="my-auto">Patch</p>
@@ -45,7 +40,7 @@ defmodule LolAnalyticsWeb.PatchSelector do
             phx-change="selected_patch"
             id="patch"
             name="patch"
-            class="patch-selector block w-full rounded-md border border-gray-300 bg-white shadow-sm focus:border-zinc-400 focus:ring-0 sm:text-sm"
+            class="block w-full rounded-md border border-gray-300 bg-white shadow-sm focus:border-zinc-400 focus:ring-0 sm:text-sm"
           >
             <%= for patch <- @patch_numbers do %>
               <option key={patch} phx-click="select-patch" name={patch} value={patch}>