From f8d92918256a70016089ffd606e21d0477e8a8ed Mon Sep 17 00:00:00 2001
From: cp-20 <47262658+mario-hsp@users.noreply.github.com>
Date: Sat, 28 Oct 2023 23:01:10 +0900
Subject: [PATCH] =?UTF-8?q?CSS=E5=AE=8C=E5=85=A8=E3=81=AB=E7=90=86?=
 =?UTF-8?q?=E8=A7=A3=E3=81=97=E3=81=9F=E3=81=AB=E3=81=AA=E3=81=A3=E3=81=A6?=
 =?UTF-8?q?=E3=81=9F=E3=81=A8=E3=81=93=E3=82=8D=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/App.vue                        | 4 ++++
 client/src/pages/QuestionnaireDetails.vue | 8 ++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/client/src/App.vue b/client/src/App.vue
index 0356e6b3..c40d95dd 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -53,4 +53,8 @@ export default {
 @import '@/style/global.scss';
 @import '@/style/colors.scss';
 @import 'static/css/themify-icons.css';
+
+.app-main {
+  min-width: 0;
+}
 </style>
diff --git a/client/src/pages/QuestionnaireDetails.vue b/client/src/pages/QuestionnaireDetails.vue
index a6ea0698..c54c7756 100644
--- a/client/src/pages/QuestionnaireDetails.vue
+++ b/client/src/pages/QuestionnaireDetails.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="details is-fullheight">
+  <div class="details is-fullheight container">
     <top-bar-message :message="message"></top-bar-message>
     <div class="tabs is-centered">
       <ul>
@@ -523,4 +523,8 @@ export default {
 </script>
 
 <!-- Add 'scoped' attribute to limit CSS to this component only -->
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.container {
+  word-break: break-all;
+}
+</style>