Merge pull request #4022 from dodona-edu/fix/align-scores-16-9

Improve evaluation sidebar size on vertical screens

app/views/feedbacks/show.html.erb

@@ -8,7 +8,7 @@
 <% end %>
 
 <div class="row" id="feedback-page">
-  <div class="col-12 order-lg-1 col-lg-3 feedback-metadata">
+  <div class="col-12 order-lg-1 col-lg-4 col-xxl-3 feedback-metadata">
     <div class="card" id="feedback-actions-holder">
       <%= render partial: 'feedback_actions', locals: { evaluation: @feedback.evaluation, feedback: @feedback } %>
     </div>
@@ -20,7 +20,7 @@
         ></d-saved-annotations-sidecard>
     <% end %>
   </div>
-  <div class="col-12 order-lg-0 col-lg-9 feedback-submission">
+  <div class="col-12 order-lg-0 col-lg-8 col-xxl-9 feedback-submission">
     <div class="card feedback-show">
       <div class="card-title card-title-colored">
         <h2 class="card-title-text"><span>

app/views/submissions/show.html.erb

@@ -1,6 +1,6 @@
 <%= render 'navbar_links' %>
 <div class="row justify-content-center">
-  <div class="col-lg-9 col-12">
+  <div class="col-lg-8 col-xxl-9 col-12">
     <div class="card">
       <div class="card-title card-title-colored">
         <h2 class="card-title-text"><%= t ".submission_results" %></h2>
@@ -34,7 +34,7 @@
     <d-saved-annotations-sidecard course-id="<%= @submission.course&.id %>"
                                   exercise-id="<%= @submission.exercise&.id %>"
                                   user-id="<%= current_user.id %>"
-                                  class="col-12 col-lg-3"
+                                  class="col-12 col-lg-4 col-xxl-3"
     ></d-saved-annotations-sidecard>
   <% end %>
 </div>