cosmetics

Author: antongit

community-app/frontend/src/components/AffiliatedWith.vue

@@ -12,9 +12,9 @@ function click(item){
 </script>
 <template>
     <div>
-        <p class="text-muted mb-1 border-top pt-3">Affiliated with</p>
+        <p class="text-muted mb-1 border-top pt-3 smallTitle">Affiliated with</p>
         <div v-for="item in data" class="mb-2">
-            <NTooltip trigger="hover" :disabled="!item.role">
+            <NTooltip trigger="hover" :disabled="!item.role" placement="top-start">
                 <template #trigger>
                     <a :href="item.link" @click.prevent="click(item)">{{ item.name }}</a>
                 </template>

community-app/frontend/src/components/InstitutionPeople.vue

@@ -7,12 +7,12 @@ defineProps(['data']);
 
 </script>
 <template>
-    <p class="text-muted mb-2 border-top pt-3">People</p>
+    <p class="text-muted mb-2 border-top pt-3 smallTitle">People</p>
     <div v-for="person in data" class="mb-2">
         <NIcon size="20" class="mr-2">
             <PersonCircleOutline/>
         </NIcon>
-        <NTooltip trigger="hover" :disabled="!person.role">
+        <NTooltip trigger="hover" :disabled="!person.role" placement="top-start">
                 <template #trigger>
                     <a :href="person.link" @click.prevent="showUserProfile(person.username)">{{ person.username }}</a>
                 </template>

community-app/frontend/src/components/MaintainedBy.vue

@@ -9,7 +9,7 @@ defineProps(['data']);
 
 <template>
     <div v-if="data">
-        <p class="text-muted mb-2">This page is maintained by</p>
+        <p class="text-muted mb-2 smallTitle">This page is maintained by</p>
         <div>
             <NIcon size="20" class="mr-2">
                 <PersonCircleOutline/>

community-app/frontend/src/components/Maintains.vue

@@ -7,7 +7,7 @@ defineProps(['data']);
 
 <template>
 <div>
-    <p class="text-muted mb-1 border-top pt-3">Maintains</p>
+    <p class="text-muted mb-1 border-top pt-3 smallTitle">Maintains</p>
     <a v-if="data.company" :href="'/business/'+data.company.slug" @click="(event) => showBusinessProfile(data.company.slug, event)">
         <div class="mb-1 d-flex text-align-center">
             {{ data.company.name }}

community-app/frontend/src/routes/EduView.vue

@@ -77,10 +77,7 @@ const url = computed(()=>{
                 <div class="col-12 col-md-6 col-lg-4 mb-sm-4">
                     <InstitutionBasics class="mb-3" :data="edu"/>
                 </div>
-                <div v-if="edu.description" class="col-12 col-md-6 col-lg-8 mt-0 mt-md-3 mt-md-0 profileContent">
-                    
-                    <hr class="d-block d-md-none"/>
-                    
+                <div v-if="edu.description" class="col-12 col-md-6 col-lg-8 mt-4 mt-md-0 profileContent">
                     <p v-html="edu.description"></p>
                     <MaintainedBy class="maintained mt-4 pt-3 border-top d-block d-md-none" :data="edu.owner"/>
                 </div>

community-app/frontend/src/routes/UserView.vue

@@ -253,7 +253,7 @@ const hireCardVisible = computed(()=>{
               <BetaGammaUser v-if="betagammauser" :data="betagammauser"/>
 
         </div>
-        <div class="col-12 mt-3 mt-md-0 pt-md-0 col-md-6 col-lg-8 profileContent">
+        <div class="col-12 col-md-6 col-lg-8 mt-4 mt-md-0 pt-md-0 profileContent">
 
           <template v-if="description">
             <div class="mb-4 description">

community-app/frontend/src/styles/style.scss

@@ -267,9 +267,9 @@ $orange-hover: #ee4b28;
   }
 }
 
-.location, .joined{
+.location, .joined, .smallTitle{
   color: #666;
-  font-size: 0.9rem;
+  font-size: 0.95rem;
 }
 
 .internship{