diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue index 79df3e594c9ffd44c04606b96d190c4cdfaa8c4b..eec73bdb9a7cf13f1452d3e3334d68f780cce781 100644 --- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue +++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue @@ -167,13 +167,16 @@ export default { ? "mdi-note-plus-outline" : "mdi-note-off-outline"; }, + minWidth() { + return Math.min(this.documentation?.topic?.length || 15, 15) + "ch"; + }, }, }; </script> <style scoped> .min-width { - min-width: 25ch; + min-width: v-bind(minWidth); } .max-width {