Improve social share buttons position for the annotations index and specific annotations

app/assets/stylesheets/legislation_process.scss

@@ -525,8 +525,16 @@ $epigraph-line-height: rem-calc(22);
 }
 
 .draft-panels {
+  position: relative;
   padding: 2rem 0;
   
+  aside.absolute {
+    @include breakpoint(medium) {
+      position: absolute;
+      right: 0;
+    }
+  }
+
   .draft-chooser {
     margin-bottom: 2rem;
 

app/assets/stylesheets/participation.scss

@@ -298,7 +298,8 @@
 .proposal-show,
 .investment-project-show,
 .debate-quiz,
-.budget-investment-show {
+.budget-investment-show,
+.draft-panels {
 
   p {
     word-wrap: break-word;

app/views/legislation/annotations/_slim_version_chooser.html.erb

@@ -0,0 +1,23 @@
+<div class="row draft-chooser">
+  <div class="small-12 medium-6 column">
+    <h3><%= t('legislation.annotations.version_chooser.seeing_version') %></h3>
+    <div class="select-box">
+      <%= form_tag go_to_version_legislation_process_draft_versions_path(process), method: :get, id: "draft_version_go_to_version" do %>
+        <%= select_tag "draft_version_id", options_from_collection_for_select(process.draft_versions.published, 'id', 'display_title', draft_version.id), "aria-label": t('legislation.draft_versions.show.select_draft_version') %>
+        <%= hidden_field_tag "redirect_action", "annotations" %>
+        <%= submit_tag t('legislation.draft_versions.show.select_version_submit'), class: "button" %>
+      <% end %>
+    </div>
+    <span><%= t('legislation.draft_versions.show.updated_at', date: format_date(@draft_version.updated_at)) %></span>
+  </div>
+  <div class="small-12 medium-3 column">
+    <%= link_to t('legislation.annotations.version_chooser.see_text'), legislation_process_draft_version_path(process, draft_version), title: t('legislation.annotations.version_chooser.see_text'), class: "button strong" %>
+  </div>
+  <aside class="small-12 medium-3 column">
+    <div class="sidebar-divider"></div>
+    <h2>Compartir</h2>
+    <div class="social-share-full">
+      <%= render '/legislation/shared/share_buttons', title: @draft_version.title %>
+    </div>
+  </aside>
+</div>

app/views/legislation/annotations/index.html.erb

@@ -8,8 +8,16 @@
   <div class="draft-panels small-12 column row">
     <%= render 'version_chooser', process: @process, draft_version: @draft_version %>
     
-    <div class="row">
+    <aside class="small-12 medium-3 column absolute">
-      <div class="small-12 medium-8 column legislation-comments">
+      <div class="sidebar-divider"></div>
+      <h2>Compartir</h2>
+      <div class="social-share-full">
+        <%= render '/legislation/shared/share_buttons', title: @draft_version.title %>
+      </div>
+    </aside>
+  </div>
+  
+  <div class="small-12 medium-8 column row legislation-comments end">
     
     <% @annotations.each do |annotation| %>
       <div class="comment">
@@ -30,6 +38,3 @@
 
   </div>
 </div>
-
-  </div>
-</div>

app/views/legislation/annotations/show.html.erb

@@ -6,11 +6,7 @@
 
 <div class="column row">
   <div class="draft-panels small-12 column row">
-    <%= render 'version_chooser', process: @process, draft_version: @draft_version %>
+    <%= render 'slim_version_chooser', process: @process, draft_version: @draft_version %>
-
-    <div class="social-share-full">
-      <%= render '/legislation/shared/share_buttons', title: @annotation.quote %>
-    </div>
 
     <div class="row">
       <div class="small-12 medium-12 column legislation-comment">