Change layout of substitution page

aleksis/apps/chronos/frontend/components/substitutions/SubstitutionCard.vue

@@ -133,7 +133,7 @@ export default {
 <style scoped>
 .main-body {
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: 1fr 1fr 2fr 1fr;
   gap: 1em;
 }
 .vertical {