align nav button again

This commit is contained in:
Andrew Brown 2023-02-17 12:01:35 -08:00
parent 50f657473a
commit 130db9e475

View File

@ -46,17 +46,18 @@
<% if @content.updatable_by?(current_user) %>
<div class="mr-3" x-show="showEditMode">
<%= link_to @content do %>
<button type="button" class="w-full bg-notebook-blue border border-notebook-blue rounded-md shadow-sm px-4 py-2 inline-flex justify-center text-sm font-medium text-gray-200 hover:bg-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
<i class="material-icons text-2xl mr-3 -mt-1.5">visibility</i>
<button type="button" class="w-full bg-notebook-blue border border-notebook-blue rounded-md shadow-sm px-4 py-2 inline-flex items-center text-sm font-medium text-gray-200 hover:bg-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
<i class="material-icons text-2xl leading-3 mr-3">visibility</i>
Read Mode
</button>
<% end %>
</div>
<div class="mr-3" x-show="!showEditMode">
<button type="button" class="w-full bg-notebook-blue border border-notebook-blue rounded-md shadow-sm px-4 py-2 inline-flex justify-center text-sm font-medium text-gray-200 hover:bg-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
<button type="button" class="w-full bg-notebook-blue border border-notebook-blue rounded-md shadow-sm px-4 py-2 inline-flex items-center text-sm font-medium text-gray-200 hover:bg-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
@click="showEditMode = true"
>
<i class="material-icons text-2xl mr-3 -mt-1.5">edit</i>
<i class="material-icons text-2xl leading-3 mr-3">edit</i>
Edit Mode
</button>
</div>