app/views/sessions/_session.html.erb

@@ -22,26 +22,26 @@
       </span>
       <ul class="absolute top-0 right-0 text-2xl only-loggedin hidden flex">
         <li>
-          <%= link_to conference_session_candidates_path(session.conference, session), class: "only-candidate hidden mx-0.5 p-0.5 bg-rose-400 bg-opacity-30 hover:bg-opacity-50 rounded-md border border-transparent hover:border-rose-400", title: "Withdraw", aria_label: "Withdraw", data: { turbo_method: :delete, turbo_frame: dom_id(session) }, method: :delete do %>
+          <%= link_to conference_session_candidates_path(session.conference, session), class: "only-candidate hidden mx-0.5 p-0.5 bg-rose-400 bg-opacity-30 hover:bg-opacity-50 rounded-md shadow shadow-md border border-gray-900/20 hover:border-rose-400", title: "Withdraw", aria_label: "Withdraw", data: { turbo_method: :delete, turbo_frame: dom_id(session) }, method: :delete do %>
             🙅
           <% end %>
         </li><li>
-          <%= link_to conference_session_candidates_path(session.conference, session), class: "only-no-candidate hidden mx-0.5 p-0.5 bg-green-400 bg-opacity-30 hover:bg-opacity-50 rounded-md border border-transparent hover:border-green-400", title: "Volunteer Myself", aria_label: "Volunteer Myself", data: { action: "session#verifyLanguages", turbo_method: :post, turbo_frame: dom_id(session) } do %>
+          <%= link_to conference_session_candidates_path(session.conference, session), class: "only-no-candidate hidden mx-0.5 p-0.5 bg-green-400 bg-opacity-30 hover:bg-opacity-50 rounded-md shadow shadow-md border border-gray-900/20 hover:border-green-400", title: "Volunteer Myself", aria_label: "Volunteer Myself", data: { action: "session#verifyLanguages", turbo_method: :post, turbo_frame: dom_id(session) } do %>
             🙋
           <% end %>
         </li><li>
           <%= form_with url: conference_session_candidates_path(session.conference, session), method: :post, class: "inline", data: { turbo_frame: dom_id(session) } do |form| %>
-          <%= link_to conference_session_candidates_path(session.conference, session), class: "only-no-candidate hidden mx-0.5 p-0.5 bg-green-400 bg-opacity-30 hover:bg-opacity-50 rounded-md border border-transparent hover:border-green-400", title: "Volunteer (with special skills)", aria_label: "Volunteer (with special skills)", data: { action: "session#verifyLanguages session#submitWithPrompt", prompt: "Why are you especially qualified? (Please keep it short, thanks)", turbo_prefetch:"false" } do %>
+          <%= link_to conference_session_candidates_path(session.conference, session), class: "only-no-candidate hidden mx-0.5 p-0.5 bg-green-400 bg-opacity-30 hover:bg-opacity-50 rounded-md shadow shadow-md border border-gray-900/20 hover:border-green-400", title: "Volunteer (with special skills)", aria_label: "Volunteer (with special skills)", data: { action: "session#verifyLanguages session#submitWithPrompt", prompt: "Why are you especially qualified? (Please keep it short, thanks)", turbo_prefetch:"false" } do %>
             🙌
           <% end %>
         <% end %>
         </li><li class="only-shiftcoordinator hidden">
           <span class="relative group inline-block">
-            <span class="mx-0.5 p-0.5 bg-slate-400 bg-opacity-30 group-hover:bg-opacity-60 rounded-md border border-transparent group-hover:border-slate-400">🔧</span>
+            <span class="mx-0.5 p-0.5 bg-slate-400 bg-opacity-30 group-hover:bg-opacity-60 rounded-md shadow shadow-md border border-gray-900/20 group-hover:border-slate-400">🔧</span>
             <ul class="absolute inset-x-0 top-7 pt-2 invisible group-hover:visible opacity-0 group-hover:opacity-100 motion-safe:duration-300 z-30">
               <li class="py-0.5">
                 <%= form_with url: update_notes_conference_session_path(session.conference, session), method: :patch, class: "inline", data: { turbo_frame: dom_id(session) } do |form| %>
-                  <%= link_to update_notes_conference_session_path(session.conference, session), class: "mx-0.5 p-0.5 bg-slate-400 bg-opacity-30 hover:bg-opacity-60 rounded-md border border-transparent hover:border-slate-400", title: "Edit Note", aria_label: "Edit Note", data: { action: "session#submitWithPrompt", prompt: "Please enter the note", prefill: session.notes, submitempty: true, turbo_prefetch:"false" } do %>📝<% end -%>
+                  <%= link_to update_notes_conference_session_path(session.conference, session), class: "mx-0.5 p-0.5 bg-slate-400 bg-opacity-30 hover:bg-opacity-60 rounded-md shadow shadow-md border border-gray-900/20 hover:border-slate-400", title: "Edit Note", aria_label: "Edit Note", data: { action: "session#submitWithPrompt", prompt: "Please enter the note", prefill: session.notes, submitempty: true, turbo_prefetch:"false" } do %>📝<% end -%>
                 <%- end -%>
               </li>
             </ul>
@@ -73,7 +73,7 @@
     <% end %>
 
     <small>assigned (<%= session.assignments.length %>)</small>
-    <ul class="inline-flex flex-wrap gap-1 my-1">
+    <ul class="assigned inline-flex flex-wrap gap-1 my-1">
       <% session.assignments.each do |assignment| %>
         <li>
           <span class="assigned-user"><%= render partial: 'assignments/user_avatar', locals: { assignment: assignment } %></span>

app/views/sessions/index.html.erb

-<h1>Sessions#index</h1>
-<p>Find me in app/views/sessions/index.html.erb</p>

app/views/sessions/show.html.erb

-<div>
+<div class="max-w-full">
   <h6><%= link_to @session.conference.name, @session.conference %></h6>
   <h1 class="dark:text-red-500">
     <%= @session.title %>
@@ -30,8 +30,8 @@
   <ul class="space-y-4 my-4">
     <% @session.filedrop_files.each do |file| %>
     <li class="text-gray-500 dark:text-slate-400 shadow dark:shadow-gray-500 rounded-lg p-4">
-        <div class="flex flex-wrap justify-between items-start max-w-full">
-          <div>
+        <div class="flex flex-wrap justify-between items-center max-w-full">
+          <div class="overflow-x-auto mr-2 whitespace-nowrap">
             <div class="text-gray-900 dark:text-slate-300 text-lg font-semibold"><%= file.name %></div>
             <div class="text-sm">Size: <%= number_to_human_size(file.size) %></div>
             <div class="text-sm">Date: <%=file.orig_created&.in_time_zone(@session.conference.time_zone || 'UTC')&.strftime("%B %d, %Y %H:%M") %></div>

app/views/users/login.html.erb

-<div>
-  <h1 class="font-bold text-4xl mb-8 dark:text-red-500">Choose User</h1>
-  <ul class="flex flex-wrap gap-2">
-  <% @users.each do |user| %>
-    <li>
-      <%= button_to user.name, login_path(user_id: user.id), data: { turbo_method: :post }, class: "p-2 border hover:bg-slate-100 hover:shadow" %>
-    </li>
-  <% end %>
-</ul>
-</div>

app/views/users/logout.html.erb

-<div>
-  <h1 class="font-bold text-4xl">Users#logout</h1>
-  <p>Find me in app/views/users/logout.html.erb</p>
-</div>

app/views/users/profile.html.erb

-<div>
-  <h1 class="font-bold text-4xl dark:text-red-500">Profile</h1>
-  <%= form_with(model: @user, url: update_profile_path, local: true) do |form| %>
-
-    <div class="field">
-      <%= form.label :name %>
-      <%= form.text_field :name %>
-    </div>
-
-    <div class="field">
-      <%= form.label :email %>
-      <%= form.text_field :email %>
-    </div>
-
-    <div class="field">
-      <%= form.label :password %>
-      <%= form.password_field :password %>
-    </div>
-
-    <div class="field">
-      <%= form.label :avatar_color %>
-      <%= form.color_field :avatar_color %>
-    </div>
-
-    <div class="field">
-      <%= form.label :telegram_username %>
-      <%= form.text_field :telegram_username %>
-    </div>
-
-    <div class="actions">
-      <%= form.submit "Update Profile" %>
-    </div>
-  <% end %>
-</div>

app/views/users/update.html.erb

-<div>
-  <h1 class="font-bold text-4xl">Users#update</h1>
-  <p>Find me in app/views/users/update.html.erb</p>
-</div>