Alumnus: change kamifusen image size

app/assets/stylesheets/extranet/_default/components/_facets.sass

@@ -18,7 +18,7 @@
 
 .faceted__facets
     > li
-        margin-bottom: px2rem(40)
+        margin-bottom: 40px
         b
             display: block
             margin-bottom: px2rem(10)

app/assets/stylesheets/extranet/_default/components/_list.sass

@@ -6,8 +6,8 @@
         border-bottom: 1px solid $list-border-color
         display: flex
         justify-content: space-between
-        padding-bottom: px2rem(25)
-        padding-top: px2rem(25)
+        padding-bottom: 25px
+        padding-top: 25px
         position: relative
         &:first-of-type
             border-top: 1px solid $list-border-color

app/assets/stylesheets/extranet/_default/layouts/_header.sass

@@ -2,7 +2,7 @@ header
     align-items: center
     border-bottom: 1px solid
     border-top: 1px solid
-    padding: px2rem(20) 0
+    padding: 20px 0
     h1
         margin-bottom: px2rem(10)
     p

app/assets/stylesheets/extranet/_default/layouts/_nav.sass

 .navbar
-    margin-bottom: 100px
+    margin-bottom: 50px
     .navbar-brand
         img
             max-width: 100px
@@ -8,7 +8,13 @@
             color: $navbar-link-active-color
     .navbar-collapse
         flex-grow: 0
+    .navbar-toggler
+        border: 0
+        font-size: px2rem(14)
+        line-height: px2rem(28)
+        text-transform: uppercase
     @include media-breakpoint-up(md)
+        margin-bottom: 100px
         .nav
             li:last-child .nav-link
                 padding-right: 0
@@ -16,8 +22,3 @@
         .nav
             display: block
             text-align: right
-    .navbar-toggler
-        border: 0
-        font-size: px2rem(14)
-        line-height: px2rem(28)
-        text-transform: uppercase

app/assets/stylesheets/extranet/_default/pages/_home.sass

@@ -4,7 +4,7 @@
             padding-left: 0
             li
                 border-bottom: 1px solid $light-border-color
-                margin-bottom: px2rem(30)
+                margin-bottom: 30px
                 position: relative
                 > div
                     &:nth-child(1)
@@ -13,8 +13,8 @@
                     &:nth-child(2)
                         display: flex
                         justify-content: space-between
-                        padding-bottom: px2rem(16)
-                        padding-top: px2rem(12)
+                        padding-bottom: 16px
+                        padding-top: 12px
                         display: flex
                         justify-content: space-between
                         > div

app/views/extranet/home/index.html.erb

@@ -10,7 +10,10 @@
             <div>
               <%= link_to experience.person, class: "stretched-link" do %>
                 <% if experience.person.picture.attached? %>
-                  <%= kamifusen_tag experience.person.picture, width: 400, class: 'img-fluid' %>
+                  <%= kamifusen_tag experience.person.picture, width: 400, class: 'img-fluid', sizes: {
+                        '(max-width: 576px)': '400px',
+                        '(max-width: 991px)': '200px'
+                    } %>
                 <% else %>
                   <%= image_tag 'extranet/avatar.png', width: 400, class: 'img-fluid' %>
                 <% end %>

app/views/extranet/persons/_person.html.erb

 <article class="mb-4 person">
   <% if person.picture.attached? %>
-    <%= kamifusen_tag person.picture, width: 400, class: 'img-fluid mb-2' %>
+    <%= kamifusen_tag person.picture, width: 400, class: 'img-fluid mb-2', 
+      sizes: {
+          '(max-width: 576px)': '400px',
+          '(max-width: 991px)': '200px'
+      } %>
   <% else %>
     <%= image_tag 'extranet/avatar.png', width: 400, class: 'img-fluid mb-2' %>
   <% end %>

app/views/extranet/persons/index.html.erb

@@ -8,7 +8,7 @@
 </header>
 
 <div class="row">
-  <div class="col-md-3">
+  <div class="col-lg-3">
     <%= render 'faceted_search/facets', facets: @facets %>
   </div>
   <div class="offset-lg-1 col-lg-8">