Ensure sidebar images don't overflow their container

barrucadu · barrucadu · commit e22a95791af7 · 2020-05-19T14:29:29.000+01:00
diff --git a/app/views/histories/10_downing_street.html.erb b/app/views/histories/10_downing_street.html.erb
@@ -12,7 +12,7 @@
 
 <div class="govuk-grid-row">
   <nav class="govuk-grid-column-one-third">
-    <%= image_tag "history/buildings/number-10-300.jpg", alt: "The front door of 10 Downing Street", loading: "lazy" %>
+    <%= image_tag "history/buildings/number-10-300.jpg", alt: "The front door of 10 Downing Street", loading: "lazy", style: "width:100%" %>
 
     <%= render "govuk_publishing_components/components/contents_list", {
       contents: [
diff --git a/app/views/histories/11_downing_street.html.erb b/app/views/histories/11_downing_street.html.erb
@@ -12,7 +12,7 @@
 
 <div class="govuk-grid-row">
   <nav class="govuk-grid-column-one-third">
-    <%= image_tag "history/buildings/number-11-300.jpg", alt: "The front of 11 Downing Street", loading: "lazy" %>
+    <%= image_tag "history/buildings/number-11-300.jpg", alt: "The front of 11 Downing Street", loading: "lazy", style: "width:100%" %>
 
     <%= render "govuk_publishing_components/components/contents_list", {
       contents: [
diff --git a/app/views/histories/1_horse_guards_road.html.erb b/app/views/histories/1_horse_guards_road.html.erb
@@ -12,7 +12,7 @@
 
 <div class="govuk-grid-row">
   <nav class="govuk-grid-column-one-third">
-    <%= image_tag "history/buildings/1-horse-guards-300.jpg", alt: "1 Horse Guards Road", loading: "lazy" %>
+    <%= image_tag "history/buildings/1-horse-guards-300.jpg", alt: "1 Horse Guards Road", loading: "lazy", style: "width:100%" %>
     <%= render "govuk_publishing_components/components/contents_list", {
       contents: [
         {
diff --git a/app/views/histories/king_charles_street.html.erb b/app/views/histories/king_charles_street.html.erb
@@ -12,7 +12,7 @@
 
 <div class="govuk-grid-row">
   <nav class="govuk-grid-column-one-third">
-    <%= image_tag "history/buildings/king-charles-street-300.jpg", alt: "King Charles Street", loading: "lazy" %>
+    <%= image_tag "history/buildings/king-charles-street-300.jpg", alt: "King Charles Street", loading: "lazy", style: "width:100%" %>
 
     <%= render "govuk_publishing_components/components/contents_list", {
       contents: [
diff --git a/app/views/histories/lancaster_house.html.erb b/app/views/histories/lancaster_house.html.erb
@@ -12,7 +12,7 @@
 
 <div class="govuk-grid-row">
   <nav class="govuk-grid-column-one-third">
-    <%= image_tag "history/buildings/lancaster-house-300.jpg", alt: "Lancaster House", loading: "lazy" %>
+    <%= image_tag "history/buildings/lancaster-house-300.jpg", alt: "Lancaster House", loading: "lazy", style: "width:100%" %>
 
     <%= render "govuk_publishing_components/components/contents_list", {
       contents: [

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@`
`12`	`12`
`13`	`13`	`<div class="govuk-grid-row">`
`14`	`14`	`<nav class="govuk-grid-column-one-third">`
`15`		`- <%= image_tag "history/buildings/1-horse-guards-300.jpg", alt: "1 Horse Guards Road", loading: "lazy" %>`
	`15`	`+ <%= image_tag "history/buildings/1-horse-guards-300.jpg", alt: "1 Horse Guards Road", loading: "lazy", style: "width:100%" %>`
`16`	`16`	`<%= render "govuk_publishing_components/components/contents_list", {`
`17`	`17`	`contents: [`
`18`	`18`	`{`