From 11393bbabb148bc9170cd695cb5ce47b2280e1d9 Mon Sep 17 00:00:00 2001
From: jackahl <kahl@kitconcept.com>
Date: Fri, 15 Dec 2023 13:56:11 +0100
Subject: [PATCH] improve styling for layouts with less than four columns

---
 CHANGELOG.md        | 10 +++++++---
 news/1.feature      |  1 +
 news/1.major        |  1 -
 src/theme/main.less | 43 ++++++++++++++++++++++++++++++++++++++++++-
 4 files changed, 50 insertions(+), 5 deletions(-)
 create mode 100644 news/1.feature
 delete mode 100644 news/1.major

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 46539e9..a3688f9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,10 +8,14 @@
 
 <!-- towncrier release notes start -->
 
+## 1.0.0 (2023-12-06)
+
+- initial release
+
 ## 1.1.0 (2023-12-13)
 
 ### Feature
 
-- add german translations [#2](https://github.com/kitconcept/volto-logos-block/pull/2)
-- remove currently unused description field [#3](https://github.com/kitconcept/volto-logos-block/pull/3)
-- Add possibillity to link on Logo [#4](https://github.com/kitconcept/volto-logos-block/pull/4)
+- add german translations
+- remove currently unused description field
+- Add possibillity to link on Logo
diff --git a/news/1.feature b/news/1.feature
new file mode 100644
index 0000000..2f123cc
--- /dev/null
+++ b/news/1.feature
@@ -0,0 +1 @@
+improve styling for layouts with less than four columns @jackahl
diff --git a/news/1.major b/news/1.major
deleted file mode 100644
index b2dfaed..0000000
--- a/news/1.major
+++ /dev/null
@@ -1 +0,0 @@
-Initial Implementation of Logos Block
diff --git a/src/theme/main.less b/src/theme/main.less
index c5b0d13..42ef900 100644
--- a/src/theme/main.less
+++ b/src/theme/main.less
@@ -71,12 +71,53 @@
 
   .logo-image {
     width: 100%;
+    object-fit: contain;
+  }
+
+  h3 {
+    text-align: center;
+  }
+
+  .four.column.grid {
+    .logo-image {
+      max-width: 200px;
+      height: 100px;
+    }
+
+    h3 {
+      width: 200px;
+    }
+  }
+
+  .three.column.grid {
+    .logo-image {
+      max-width: 200px;
+      height: 200px;
+    }
+
+    h3 {
+      width: 300px;
+    }
+  }
+
+  .two.column.grid {
+    .logo-image {
+      height: 300px;
+    }
   }
 }
 
 .block.logo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
   .logo-image {
     width: 100%;
-    object-position: top left;
+    object-position: top center;
+  }
+
+  h3 {
+    width: 400px;
   }
 }