feat: submit styling

client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationSubmit.vue

@@ -22,13 +22,13 @@ const onSubmitForMentorFeedback = async () => {
 </script>
 
 <template>
-  <div class="w-full pt-8">
+  <div class="mb-10 w-full pt-8">
     <div class="w-full border border-gray-400">
       <div class="m-6 space-y-6">
         <h3 class="heading-3">
           {{ $t("a.Selbsteinschätzung teilen") }}
         </h3>
-        <div v-if="!learningMentors?.length">
+        <div v-if="learningMentors?.length">
           <p>
             {{
               $t(
@@ -57,7 +57,7 @@ const onSubmitForMentorFeedback = async () => {
             <p v-if="!selectedLearningMentor">
               {{ $t("a.Selbsteinschätzung teilen") }}
             </p>
-            <p v-else-if="learningMentors?.length == 0">
+            <p v-else>
               {{
                 $t("a.Selbsteinschätzung mit MENTOR_NAME teilen", {
                   MENTOR_NAME: selectedLearningMentor.first_name,
@@ -76,7 +76,7 @@ const onSubmitForMentorFeedback = async () => {
   <div
     v-for="(pc, index) in criteria"
     :key="pc.id"
-    class="flex flex-col space-y-4 border-t border-gray-400"
+    class="flex flex-col space-y-4 border-t border-gray-400 py-8"
   >
     <div class="flex justify-between">
       <b>{{ pc.title }}</b>
@@ -84,13 +84,16 @@ const onSubmitForMentorFeedback = async () => {
         {{ $t("a.Bearbeiten") }}
       </router-link>
     </div>
-    <div v-if="pc.completion_status == 'SUCCESS'">
+    <div
+      class="flex flex-row items-center space-x-2"
+      v-if="pc.completion_status == 'SUCCESS'"
+    >
       <it-icon-smiley-happy class="h-6 w-6" />
-      {{ $t("selfEvaluation.yes") }}
+      <span>{{ $t("selfEvaluation.yes") }}</span>
     </div>
-    <div v-else>
+    <div class="flex flex-row items-center space-x-2" v-else>
       <it-icon-smiley-thinking class="h-6 w-6" />
-      {{ $t("selfEvaluation.no") }}
+      <span>{{ $t("selfEvaluation.no") }}</span>
     </div>
   </div>
 </template>