Make button text shorter.

See https://www.bugherd.com/t/0NqHKAAXEUPQumufplDgNQ

app/views/_tailwind/applications/show.html.erb

@@ -88,19 +88,22 @@
 <div class="mt-12">
   <%# TODO: This button currently has much larger left and right padding than the design %>
   <%= render Tailwind::ButtonComponent.new(tag: :a, size: "2xl", type: :primary, href: "#add-comment", icon: :edit) do %>
-    Make a comment on this application
+    Make a comment on now
   <% end %>
 </div>
 
-<div class="mt-2">
+<div class="flex flex-col items-baseline gap-2 mt-2 md:flex-row md:gap-4">
   <%# TODO: Handle situation when authority name is very long %>
-  <%= render Tailwind::ButtonComponent.new(tag: :a, size: "2xl", type: :primary, href: external_application_path(@application), icon: :external) do %>
-    View more at <%= @application.authority.full_name %> website
-  <% end %>
+  <div class="shrink-0">
+    <%= render Tailwind::ButtonComponent.new(tag: :a, size: "2xl", type: :primary, href: external_application_path(@application), icon: :external) do %>
+      More info
+    <% end %>
+  </div>
+  <div class="text-2xl font-semibold text-navy">on the <%= @application.authority.full_name %> website</div>
 </div>
 
 <%# TODO: Point this button at a new page for sharing the application %>
-<div class="mt-2">
+<div class="mt-6 md:mt-2">
   <%= render Tailwind::ButtonComponent.new(tag: :a, size: "2xl", type: :inverse_primary, href: "#", icon: :share) do %>
     Share this application
   <% end %>