Merge pull request #92 from lexintegritastech/improve-main-ui

Add `margin-bottom` for `annotations`

app/components/doctrine_index_component/doctrine_index_component.html.erb

@@ -8,7 +8,7 @@
       <h5 class="clickable-link" style="color: darkred;" href="<%= document_path(jurisprudence, is_index_table: false, subject_ids: params[:subject_ids]) %>"> <%= [document_title, jurisprudence.reference_number, date_or_year].join(", ") %> </h5>
 
       <% annotations.each do |annotation| %>
-        <p class="mb-0 ms-3 clickable-link" href="<%= show_url %>">
+        <p class="mb-2 ms-3 clickable-link" href="<%= show_url %>">
           <% annotated_documents_title = [] %>
           <% annotation.documents.each do |annotated_document| %>
             <% ad_title = annotated_document.short_title || annotated_document.title %>

app/components/document_doctrine_index_component/document_doctrine_index_component.html.erb

@@ -24,7 +24,7 @@
       <% end %>
 
       <% annotations.each do |annotation| %>
-        <p class="mb-0 ms-3 mb-2">
+        <p class="mb-2 ms-3">
           <% annotated_documents_title = [] %>
           <% annotation.documents.each do |annotated_document| %>
             <% ad_title = annotated_document.short_title || annotated_document.title %>

app/components/document_doctrine_show_component/document_doctrine_show_component.html.erb

@@ -100,7 +100,7 @@
         <% end %>
         <% citing_document_title = [document_title, annotation.document.reference_number, date_or_year, annotation.phil_rep, annotated_documents_title].reject(&:blank?).join(', ').html_safe %>
 
-        <div class="row">
+        <div class="row mb-2">
           <div class="col-sm-10">
             <p class="pb-0 ms-3">
               <strong> <%= "#{annotation.annomarks.map { |annomark| "(#{annomark.code})" }.join(" ")}" %> </strong>
@@ -118,7 +118,7 @@
         </div>
 
         <% if annotation.editor_notes.present? %>
-          <div class="row">
+          <div class="row mb-2">
             <div class="col-sm-1 ms-5 p-0" style="width: 105px;">
               <span> Editors Note: </span>
             </div>