minimember arranging

app/views/members/_form.html.haml

@@ -1,16 +1,17 @@
-= form_for @member do |f|
-  - if @member.errors.any?
-    #error_explanation
-      %h2= "#{pluralize(@member.errors.count, "error")} prohibited this member from being saved:"
-      %ul
-        - @member.errors.full_messages.each do |message|
-          %li= message
+.flex.flex-col
+  = form_for @member do |f|
+    - if @member.errors.any?
+      #error_explanation
+        %h2= "#{pluralize(@member.errors.count, "error")} prohibited this member from being saved:"
+        %ul
+          - @member.errors.full_messages.each do |message|
+            %li= message
 
-  .field
-    = f.label :name
-    = f.text_field :name
-  .field
-    = f.label :public
-    = f.check_box :public
-  .actions
-    = f.submit 'Save'
+    .field
+      = f.label :name
+      = f.text_field :name
+    .field
+      = f.label :public
+      = f.check_box :public
+    .actions
+      = f.submit 'Save'

app/views/members/edit.html.haml

@@ -1,7 +1,8 @@
-%h1 Editing member
+.flex.justify-center
+  .flex.flex-col
+    %h1 Editing member
 
-= render 'form'
+    = render 'form'
 
-= link_to 'Show', @member
-\|
-= link_to 'Back', members_path
+    = link_to 'Show', @member
+    = link_to 'Back', members_path

app/views/members/index.html.haml

@@ -1,23 +1,25 @@
-%h1 Listing members
+.flex.justify-center
 
-%table
-  %thead
-    %tr
-      %th Name
-      %th Public
-      %th
-      %th
-      %th
+  %h1 Listing members
 
-  %tbody
-    - @members.each do |member|
+  %table
+    %thead
       %tr
-        %td= member.name
-        %td= member.public
-        %td= link_to 'Show', member
-        %td= link_to 'Edit', edit_member_path(member)
-        %td= link_to 'Destroy', member, method: :delete, data: { confirm: 'Are you sure?' }
+        %th Name
+        %th Public
+        %th
+        %th
+        %th
 
-%br
+    %tbody
+      - @members.each do |member|
+        %tr
+          %td= member.name
+          %td= member.public
+          %td= link_to 'Show', member
+          %td= link_to 'Edit', edit_member_path(member)
+          %td= link_to 'Destroy', member, method: :delete, data: { confirm: 'Are you sure?' }
 
-= link_to 'New Member', new_member_path
+  %br
+
+  = link_to 'New Member', new_member_path

app/views/members/show.html.haml

@@ -1,16 +1,14 @@
-%p#notice= notice
+.flex.justify-center
+  .flex.flex-col
+    %p
+      %b Name:
+      = @member.name
+    %p
+      %b Public:
+      = @member.public
 
-%p
-  %b Name:
-  = @member.name
-%p
-  %b Public:
-  = @member.public
-
-= link_to 'Edit', edit_member_path(@member)
-\|
-= link_to 'Back', members_path
-\|
-= form_tag( destroy_member_session_path , {method: :delete  } ) do
-  %button.bg-cyan-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400{type: :submit}
-    Sign out
+    = link_to 'Edit', edit_member_path(@member)
+    = link_to 'Back', members_path
+    = form_tag( destroy_member_session_path , {method: :delete  } ) do
+      %button.bg-cyan-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400{type: :submit}
+        Sign out