styling/Reduce width of sidebar by 3%

Author: LewisYoul

app/assets/stylesheets/_sidebar.scss

@@ -37,7 +37,7 @@
     font-size: 15px;
     padding:8px;
     text-decoration: none;
-    padding-left: 50px;
+    padding-left: 40px;
 
     &:hover {
       cursor: pointer;

app/views/layouts/application.html.erb

@@ -37,11 +37,11 @@
 
     <div id="app">
       <div style="display: flex;">
-        <div style="width: 25%;">
+        <div style="width: 22%;">
           <%= render 'shared/sidebar' %>
         </div>
         <%# <div style="flex: 1; flex-basis: 25%; max-width: 25%;"></div> %>
-        <div style="width: 75%;">
+        <div style="width: 78%;">
           <%= yield %>
         </div>
       </div>

app/views/shared/_sidebar.html.erb

@@ -33,7 +33,7 @@
       <% end %>
     </div>
 
-    <div class="card--container card--container-padding" data-controller="list" data-list-url-value="<%= users_path(limit: 5) %>">
+    <div class="card--container card--container-padding-horizontal" data-controller="list" data-list-url-value="<%= users_path(limit: 5) %>">
       <h3 class="text-center no-margin-top margin-bottom">Connect</h3>
       <% @users_for_connect.each do |user| %>
         <%= render partial: 'users/connect', locals: { user: user } %>