diff --git a/app/assets/stylesheets/conversation.css b/app/assets/stylesheets/conversation.css index 0856d6d37..0ee03fa59 100644 --- a/app/assets/stylesheets/conversation.css +++ b/app/assets/stylesheets/conversation.css @@ -15,7 +15,7 @@ --input-padding: 0.1em; border-width: 0 0 1px; - max-inline-size: 40ch; + max-inline-size: 50ch; } .conversation__message { @@ -79,8 +79,9 @@ } .conversation__thinking-indicator { - inset: auto auto var(--footer-height) calc(var(--block-space) * -1.5); + inset: auto auto var(--footer-height) 50%; position: absolute; + transform: translateX(-50%); .spinner { display: none; diff --git a/app/assets/stylesheets/search.css b/app/assets/stylesheets/search.css index 3f857822e..af40f351b 100644 --- a/app/assets/stylesheets/search.css +++ b/app/assets/stylesheets/search.css @@ -24,8 +24,7 @@ --input-padding: 0.1em; border-width: 0 0 1px; - max-inline-size: 40ch; - + max-inline-size: 50ch; &::-webkit-search-cancel-button { --clear-icon-size: 0.75rem; diff --git a/app/views/conversations/_composer.html.erb b/app/views/conversations/_composer.html.erb index 8e1935cc0..36ab71173 100644 --- a/app/views/conversations/_composer.html.erb +++ b/app/views/conversations/_composer.html.erb @@ -1,5 +1,5 @@ <%= form_with model: Conversation::Message.new, local: true, - class: "conversation__composer flex align-center position-relative gap-half", + class: "conversation__composer flex align-center justify-center gap-half", data: { turbo_frame: "conversation", action: "turbo:submit-end->conversation--composer#submitEnd", diff --git a/app/views/searches/_form.html.erb b/app/views/searches/_form.html.erb index 62094cd47..a0f8b3448 100644 --- a/app/views/searches/_form.html.erb +++ b/app/views/searches/_form.html.erb @@ -1,4 +1,4 @@ -<%= form_with url: search_path, method: :get, class: "search__form flex align-center gap-half", data: { turbo_frame: "bar-content" } do |form| %> +<%= form_with url: search_path, method: :get, class: "search__form flex align-center justify-center gap-half", data: { turbo_frame: "bar-content" } do |form| %> <%= form.label :q, "Search Fizzy", class: "font-weight-black txt-nowrap" %> <%= text_field_tag :q, query_terms, class: "search__form-input input",