diff --git a/components/Elements/Address/Address.module.scss b/components/Elements/Address/Address.module.scss index 31b7a60..1441702 100644 --- a/components/Elements/Address/Address.module.scss +++ b/components/Elements/Address/Address.module.scss @@ -16,7 +16,7 @@ .address_title { font-size: 20px; text-align: center; - margin-top: 20px; + margin: 20px 10%; } .address_title > span { diff --git a/components/Elements/DatePicker/DatePicker.module.scss b/components/Elements/DatePicker/DatePicker.module.scss index f2588ec..8217893 100644 --- a/components/Elements/DatePicker/DatePicker.module.scss +++ b/components/Elements/DatePicker/DatePicker.module.scss @@ -16,7 +16,7 @@ .date_picker_title { font-size: 20px; text-align: center; - margin-top: 20px; + margin: 20px 10%; } .date_picker_title > span { diff --git a/components/Elements/Email/Email.module.scss b/components/Elements/Email/Email.module.scss index a31d811..ed5655c 100644 --- a/components/Elements/Email/Email.module.scss +++ b/components/Elements/Email/Email.module.scss @@ -16,7 +16,7 @@ .email_title { font-size: 20px; text-align: center; - margin-top: 20px; + margin: 20px 10%; } .email_title > span { diff --git a/components/Elements/FillBlank/FillBlank.module.scss b/components/Elements/FillBlank/FillBlank.module.scss index 17e465a..2828aab 100644 --- a/components/Elements/FillBlank/FillBlank.module.scss +++ b/components/Elements/FillBlank/FillBlank.module.scss @@ -16,7 +16,7 @@ .fill_blank_title { font-size: 20px; text-align: center; - margin-top: 20px; + margin: 20px 10%; } .fill_blank_title > span { diff --git a/components/Elements/FullName/FullName.module.scss b/components/Elements/FullName/FullName.module.scss index ea29d8c..8ee3174 100644 --- a/components/Elements/FullName/FullName.module.scss +++ b/components/Elements/FullName/FullName.module.scss @@ -16,6 +16,7 @@ &_title { font-size: 20px; text-align: center; + margin: 20px 0; & > span { font-size: 24px; color: var(--color-danger); @@ -24,7 +25,7 @@ } &_description { - width: 80%; + width: 100%; height: 30px; margin: 5px 0; font-size: 15px; @@ -32,7 +33,7 @@ } &_form { - width: 80%; + width: 100%; margin: 20px 0 0; display: flex; diff --git a/components/Elements/LongText/LongText.module.scss b/components/Elements/LongText/LongText.module.scss index 30dd2c0..27b152b 100644 --- a/components/Elements/LongText/LongText.module.scss +++ b/components/Elements/LongText/LongText.module.scss @@ -16,7 +16,7 @@ .long_text_title { font-size: 20px; text-align: center; - margin-top: 20px; + margin: 20px 10%; } .long_text_title > span { diff --git a/components/Elements/MultiChoice/MultiChoice.module.scss b/components/Elements/MultiChoice/MultiChoice.module.scss index 91183c8..ebe0778 100644 --- a/components/Elements/MultiChoice/MultiChoice.module.scss +++ b/components/Elements/MultiChoice/MultiChoice.module.scss @@ -16,7 +16,7 @@ .multi_choice_title { font-size: 20px; text-align: center; - margin-top: 20px; + margin: 20px 10%; } .multi_choice_title > span { diff --git a/components/Elements/Phone/Phone.module.scss b/components/Elements/Phone/Phone.module.scss index 78c5026..3836f99 100644 --- a/components/Elements/Phone/Phone.module.scss +++ b/components/Elements/Phone/Phone.module.scss @@ -16,7 +16,7 @@ .phone_title { font-size: 20px; text-align: center; - margin-top: 20px; + margin: 20px 10%; } .phone_title > span { diff --git a/components/Elements/ShortText/ShortText.module.scss b/components/Elements/ShortText/ShortText.module.scss index 69414c5..a7eea5d 100644 --- a/components/Elements/ShortText/ShortText.module.scss +++ b/components/Elements/ShortText/ShortText.module.scss @@ -16,7 +16,7 @@ .short_text_title { font-size: 20px; text-align: center; - margin-top: 20px; + margin: 20px 10%; } .short_text_title > span { diff --git a/components/Elements/SingleChoice/SingleChoice.module.scss b/components/Elements/SingleChoice/SingleChoice.module.scss index ee12fa5..72d76e4 100644 --- a/components/Elements/SingleChoice/SingleChoice.module.scss +++ b/components/Elements/SingleChoice/SingleChoice.module.scss @@ -16,7 +16,7 @@ .single_choice_title { font-size: 20px; text-align: center; - margin-top: 20px; + margin: 20px 10%; } .single_choice_title > span { diff --git a/components/Elements/StarRating/StarRating.module.scss b/components/Elements/StarRating/StarRating.module.scss index c489a87..99e8847 100644 --- a/components/Elements/StarRating/StarRating.module.scss +++ b/components/Elements/StarRating/StarRating.module.scss @@ -11,25 +11,31 @@ flex: 1; display: flex; flex-direction: column; + padding: 20px 10%; } .star_rating_title { font-size: 20px; text-align: center; - margin-top: 20px; +} + +.star_rating_title > span { + font-size: 24px; + color: var(--color-danger); + margin-left: 5px; } .star_rating_description { - width: 80%; + width: 100%; height: 30px; - margin: 5px 10%; + margin: 5px 0; font-size: 15px; font-style: italic; } .star_rating { - width: 80%; - margin: 20px 10%; + width: 100%; + margin: 20px 0; display: flex; flex-direction: column; } @@ -96,17 +102,15 @@ text-align: right; } - .rating_choicerequire { display: flex; align-items: center; color: var(--color-secondary); - margin: 10px 10% 0; + margin: 10px 0 0; } - .text_error { font-size: 15px; color: var(--color-danger); - margin: 0 10% 40px; -} \ No newline at end of file + margin: 0 0 40px; +} diff --git a/components/Elements/Time/Time.module.scss b/components/Elements/Time/Time.module.scss index 6632821..cec0190 100644 --- a/components/Elements/Time/Time.module.scss +++ b/components/Elements/Time/Time.module.scss @@ -16,7 +16,7 @@ .time_title { font-size: 20px; text-align: center; - margin-top: 20px; + margin: 20px 10%; } .time_title > span { diff --git a/pages/form/form-analysis/FormAnalysis.module.scss b/pages/form/form-analysis/FormAnalysis.module.scss index 00f8556..9688cec 100644 --- a/pages/form/form-analysis/FormAnalysis.module.scss +++ b/pages/form/form-analysis/FormAnalysis.module.scss @@ -2,7 +2,6 @@ width: 100%; display: flex; flex-direction: column; - padding: 0 5%; align-items: center; } @@ -11,7 +10,7 @@ min-width: 600px; height: max-content; display: flex; - padding: 50px 0 20px; + padding: 0 2%; } .modal_content { @@ -20,10 +19,12 @@ } .content_left { - width: 450px; + width: 350px; height: max-content; display: flex; flex-direction: column; + padding: 20px 0; + margin-right: 10px; } .form_analysis_title { @@ -103,7 +104,7 @@ } .participant_area { - width: 50%; + width: 100%; display: flex; margin: 15px 0px; align-items: center; @@ -135,7 +136,7 @@ text-overflow: ellipsis; } -.participant_area:hover>.participant_area_name { +.participant_area:hover > .participant_area_name { text-decoration: underline; } @@ -156,7 +157,7 @@ width: 100%; display: flex; flex-direction: column; - padding: 20px; + padding: 20px 0; } .export { @@ -180,19 +181,29 @@ } .table { + width: calc(96vw - 350px); height: calc(100vh - 240px); display: flex; flex-direction: column; overflow: auto; + table-layout: fixed; } .table_title { font-weight: 600 !important; - border-bottom: 1px solid var(--color-border) !important; + border: 1px solid var(--color-border) !important; + max-width: 300px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .cell { - border-bottom: 1px solid var(--color-border) !important; + border: 1px solid var(--color-border) !important; + max-width: 300px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .cell_action { @@ -203,10 +214,4 @@ .cell_title { @extend .cell; font-size: 16px !important; - color: var(--color-link) !important; - cursor: pointer; } - -.cell_title:hover { - text-decoration: underline; -} \ No newline at end of file diff --git a/pages/form/form-analysis/index.jsx b/pages/form/form-analysis/index.jsx index 12dd065..ec9d91e 100644 --- a/pages/form/form-analysis/index.jsx +++ b/pages/form/form-analysis/index.jsx @@ -450,9 +450,7 @@ const FormAnalysis = () => { )} */} -
- -
+ {/* {cParticipant === '' &&
{notify}
} */}