@ozdao/prometheus-framework 0.1.99 → 0.2.0

package/src/modules/orders/components/blocks/Positions.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="order-list">
     <div class="flex">
-      <h5 class="mn-small">
+      <h5 class="mn-b-small">
         Состав заказа
          
       </h5>
@@ -16,19 +16,19 @@
 
     </div>
      
-    <div v-if="showAddNew !== false" class="mn-small w-100 block">
+    <div v-if="showAddNew !== false" class="mn-b-small w-100 block">
       <vue-select :options="products"  v-model="techStack" :label-by="'name'"  searchable clear-on-close :close-on-select="true"> </vue-select>
       <button @click="addProductToOrder()" class="w-25 button">Добавить в заказ</button>
     </div>
 
-    <ul  class="mn-semi">
-      <li v-for="(product, index) in orderProducts" :key="product._id" class="shop-cart-item mn-small ">
+    <ul  class="mn-b-semi">
+      <li v-for="(product, index) in orderProducts" :key="product._id" class="shop-cart-item mn-b-small ">
         <!-- <img v-if="product.images" :src="(FILE_SERVER_URL || '') + require( `@/assets/images/products/${product.images.links[0]}`)"> -->
         <!-- <img v-if="!product.images" :src="(FILE_SERVER_URL || '') + require( `@/assets/icons/photo.svg`)"> -->
         <div class="text-left">
           <p class="name">{{ product.name }}</p>
           
-          <div class="mn-small flex">
+          <div class="mn-b-small flex">
             <div class="small-underline variant">
               <span v-if="!product.size && !product.color" class="">One-size</span>
               <span v-if="product.size" class="">{{ product.size}}</span>
@@ -46,7 +46,7 @@
                 @input="updateInputText('orders', 'current.items[' + index + '].size', $event)" 
                 :value="product.size"  
                 placeholder="hello@example.com"
-                class="mn-r-small mn-small input-text input" 
+                class="mn-r-small mn-b-small input-text input" 
               >
               <option v-for="size in productSizes(product)" :value="size" >{{size}}</option>
             </select>
@@ -56,7 +56,7 @@
                
                 @input="updateInputText('orders', 'current.items[' + index + '].color', $event)"
                 placeholder="hello@example.com"
-                class="mn-r-small mn-small input-text input" 
+                class="mn-r-small mn-b-small input-text input" 
               >
 
               <option :value="product.color" selected disabled>{{product.color}}</option>
@@ -68,7 +68,7 @@
               @input="updateInputText('orders', 'current.items[' + index + '].quantity', $event)" 
               :value="product.quantity" 
               placeholder="Маргарита"
-              class="mn-small input-text input" 
+              class="mn-b-small input-text input" 
             />
           </div>
           <a v-if="!data[index]" @click="changeEdit(index)">Редактировать</a>

package/src/modules/orders/components/pages/EditOrder.vue

@@ -1,5 +1,5 @@
 <template>
-  <header class="mn-medium flex-v-center flex-nowrap flex">
+  <header class="mn-b-medium flex-v-center flex-nowrap flex">
     <h2 class="mn-r-medium">Edit Order</h2>
 
     <!-- <button 
@@ -11,17 +11,17 @@
     </button> -->
   </header>
 
-	<section class="gap-thin flex-nowrap flex mn-semi">
+	<section class="gap-thin flex-nowrap flex mn-b-semi">
 	    
 	  <div class="w-100 br-solid br-1px br-black-transp-10 radius-big pd-medium">
-	    <p class=" mn-small p-big">
+	    <p class=" mn-b-small p-big">
 	      Статус заказа:<br>{{order.status}}
 	    </p>
 	    <button class="button">Подтвердить заказ</button>
 	  </div>
 
 	  <div class="w-100 br-solid br-1px br-black-transp-10 radius-big pd-medium">
-	    <p class="mn-semi p-big">Статус оплаты:<br>{{order.payment?.status}}</p>
+	    <p class="mn-b-semi p-big">Статус оплаты:<br>{{order.payment?.status}}</p>
 	    <button class="button">Изменить статус оплаты</button>
 	  </div>
 
@@ -29,36 +29,36 @@
 	</section>
 
 
-<div class="mn-thin cols-2">
+<div class="mn-b-thin cols-2">
 	<section class="">
 
-	    <h5 class="w-100 mn-small">Информация о заказе
+	    <h5 class="w-100 mn-b-small">Информация о заказе
 
 	         <a v-if="showAddNew === false" class="mn-l-small t-main h5" @click="reserOrderList()">Редактировать</a>
 
 	    </h5>
 
-	    <div class="cols-2 mn-medium ">
+	    <div class="cols-2 mn-b-medium ">
 	       <!-- <p class="w-100">Время создания: {{DateToFormattedString(order.createdAt)}}</p> -->
 	      <div class="col flex block">
-	        <p class="mn-small w-100">
+	        <p class="mn-b-small w-100">
 	          Номер клиента:  {{order.info?.phone}}<br>
 	        </p>
-	        <p class="mn-small w-100">
+	        <p class="mn-b-small w-100">
 	          Имя клиента: {{order.info?.name}} {{order.info?.surname}}
 	        </p>
-	        <p class="mn-small w-100">
+	        <p class="mn-b-small w-100">
 	          Контактный email: {{order.info?.email}} 
 	        </p>
 	      </div>
 	       <div class="col flex block">
-	      <p class="mn-small w-100">
+	      <p class="mn-b-small w-100">
 	        Тип доставки: {{order.info?.delivery}} 
 	      </p>
-	      <p class="mn-small w-100">
+	      <p class="mn-b-small w-100">
 	        Город: {{order.info?.city}} 
 	      </p>
-	      <p class="mn-small w-100">
+	      <p class="mn-b-small w-100">
 	        Адресс: {{order.info?.adress}} 
 	      </p>
 	    </div>
@@ -78,7 +78,7 @@
 
 	    <div class="order-list">
 	      	<div class="flex">
-		      	<h5 class="mn-small">
+		      	<h5 class="mn-b-small">
 		        	Состав заказа
 		      	</h5>
 	        	<div>
@@ -89,18 +89,18 @@
 	     		</div>
 	     	 </div>
 
-	      	<div v-if="showAddNew !== false" class="mn-small w-100 block">
+	      	<div v-if="showAddNew !== false" class="mn-b-small w-100 block">
 	        	<vue-select :options="Products"  v-model="techStack" :label-by="'name'"  searchable clear-on-close :close-on-select="true"> </vue-select>
 	         	<button @click="addProductToOrder()" class="w-25 button">Добавить в заказ</button>
 	      	</div>
 
-	      	<ul class="mn-semi">
-	      		<li v-for="(product, index) in orderProducts" :key="product.id" class="shop-cart-item mn-small block">
+	      	<ul class="mn-b-semi">
+	      		<li v-for="(product, index) in orderProducts" :key="product.id" class="shop-cart-item mn-b-small block">
 	      			<!-- <img :src="require( `@/assets/images/products/${product.images}`)"> -->
 	      			<div class="text-left">
 	      				<p class="name">{{ product.name }}</p>
 
-	      				<div class="mn-small flex">
+	      				<div class="mn-b-small flex">
 	      					<div class="small-underline variant">
 	      						<span v-if="!product.size && !product.color" class="">One-size</span>
 	      						<span v-if="product.size" class="">{{ product.size}}</span>
@@ -119,7 +119,7 @@
 	      					@input="updateInputText('orders', 'current.items[' + index + '].quantity', $event)" 
 	      					:value="product.quantity" 
 	      					placeholder="Маргарита"
-	      					class="mn-small input-text input" 
+	      					class="mn-b-small input-text input" 
 	      					/>
 	      				</div>
 	      				<a v-if="!data[index]" @click="changeEdit(index)">Редактировать</a>

package/src/modules/orders/components/pages/Favorites.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="">
-		<p class="mn-small t-semi p-big">Избранное</p>
-		<hr class="mn-semi">
+		<p class="mn-b-small t-semi p-big">Избранное</p>
+		<hr class="mn-b-semi">
 		<div class="grid-layout">
 			 <p v-if="(favorites.length == 0)" style="padding-top: 1.5rem;"><i>У вас еще нет товаров в избранном. Может стоит что-нибудь добавить?</i></p>
 			<CardProduct v-if="favorites" v-for="product in favorites" :product="product" :key="product"></CardProduct>

package/src/modules/orders/components/pages/Order.vue

@@ -3,7 +3,7 @@
 <section class=" bg-grey order section">
 
 	<!-- Ask to login  -->
-	<AskToLogin class="mn-big" v-if="auth.state.access.status === false" /> 
+	<AskToLogin class="mn-b-big" v-if="auth.state.access.status === false" /> 
 	{{order}}
 	<!-- Order form -->
 	<div class="order-wrapper cols-2">
@@ -25,9 +25,9 @@
 			v-if="shopcart.state.items.length > 0" 
 			class="pd-medium radius-big t-white bg-black"
 		>
-			<p class="mn-medium p-big">Your Order</p>
+			<p class="mn-b-medium p-big">Your Order</p>
 			
-			<ul class="mn-semi">
+			<ul class="mn-b-semi">
 				<CardOrderItem v-for="product in shopcart.state.items" :key="product._id" editable="true" :product="product" 
 	        :increase="product => shopcart.actions.incrementItemQuantity(product._id)"
 	        :decrease="product => shopcart.actions.decrementItemQuantity(product._id)"
@@ -35,12 +35,12 @@
 	      />
 			</ul>
 
-			<div :class="{'mn-semi': order.delivery == ''}" class="flex">
+			<div :class="{'mn-b-semi': order.delivery == ''}" class="flex">
 				<p>Total</p>
 				<p>$ {{ cartTotalPrice }}</p>
 			</div>
 
-			<div v-if="order.delivery !== ''" class="mn-semi flex">
+			<div v-if="order.delivery !== ''" class="mn-b-semi flex">
 				<p>Delivery</p>
 				<p v-if="order.delivery === 'Pickup'">Free</p>
 			</div>

package/src/modules/orders/components/pages/Orders.vue

@@ -1,5 +1,5 @@
 <template>
-  <header class="mn-medium flex-v-center flex-nowrap flex">
+  <header class="mn-b-medium flex-v-center flex-nowrap flex">
     <h2 class="mn-r-medium">Orders</h2>
 
     <button 
@@ -19,7 +19,7 @@
       { name: 'Confirmed',  value: 'confirmed' }, 
       { name: 'Finished',   value: 'finished' } 
     ]"
-    class="mn-small o-hidden h5 radius-big bg-grey"
+    class="mn-b-small o-hidden h5 radius-big bg-grey"
   />
 
   <section 
@@ -32,20 +32,20 @@
       {{order.status}} 
 
       <p 
-        class="w-100 mn-thin p-big"
+        class="w-100 mn-b-thin p-big"
       >
         Заказ #{{order._id.slice(0,8)}} 
       </p>
 
       <p
-        class="mn-small t-transp w-100"
+        class="mn-b-small t-transp w-100"
       >
         Номер клиента: +7{{order.phone}}<br>
       </p>
 
       <p 
         :class="{'new':order.status === 'Создан'}" 
-        class="mn-small"
+        class="mn-b-small"
       >
      
         {{formatDate(order.createdAt)}}

package/src/modules/orders/components/pages/ViewOrder.vue

@@ -1,13 +1,13 @@
 <template>
-	<div class="mn-big">
-		<p v-if="store.state.orders.current._id === ''" class="mn-small t-semi p-big">История заказов</p>
-		<p @click="store.commit('orders/resetOrder')" v-if="store.state.orders.current._id !== ''" class="mn-small t-semi p-big flex-nojustify flex-center flex link-inherit">
+	<div class="mn-b-big">
+		<p v-if="store.state.orders.current._id === ''" class="mn-b-small t-semi p-big">История заказов</p>
+		<p @click="store.commit('orders/resetOrder')" v-if="store.state.orders.current._id !== ''" class="mn-b-small t-semi p-big flex-nojustify flex-center flex link-inherit">
 			<svg class="mn-r-small" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 				<path fill="black" fill-rule="evenodd" clip-rule="evenodd" d="M5.34661 10.8333L10.5907 16.0774L9.41217 17.2559L2.15625 10L9.41217 2.74408L10.5907 3.92259L5.34661 9.16667H17.5014V10.8333H5.34661Z" />
 			</svg>
 			Назад ко всем заказам
 		</p>
-		<hr class="mn-semi">
+		<hr class="mn-b-semi">
 
 		<!-- <transition  @before-enter="scrollTop" name="scale">	 -->
 			<!-- <OrderCard v-if="store.state.orders.current._id !== ''" :order="store.state.orders.current" /> -->
@@ -15,8 +15,8 @@
 
 		<transition  @before-enter="scrollTop" name="scale">	
 			<div v-if="store.state.orders.current._id === ''" >	
-				<section  v-for="order in user.orders" class="pd-big mn-regular order-client-card col"> 
-		      <p class="mn-regular flex-center flex-nowrap flex w-100">
+				<section  v-for="order in user.orders" class="pd-big mn-b-regular order-client-card col"> 
+		      <p class="mn-b-regular flex-center flex-nowrap flex w-100">
 						<img v-if="order.status === 'Создан'" 			class="mn-r-small" src="@/assets/icons/status/created.svg"/>
 						<img v-if="order.status === 'Подтвержден'"	class="mn-r-small" src="@/assets/icons/status/confirmed.svg"/>
 						<img v-if="order.status === 'Ожидает отправки'" 			class="mn-r-small" src="@/assets/icons/status/paid.svg"/>
@@ -24,7 +24,7 @@
 						<img v-if="order.status === 'Выполнен'" 		class="mn-r-small" src="@/assets/icons/status/finished.svg"/>
 		        <span class="w-100 t-medium p-big">{{order.status}}</span>
 		      </p>
-		      <ul class="mn-semi order-images-wrapper">
+		      <ul class="mn-b-semi order-images-wrapper">
 		        <li v-for="(product, index) in orderProducts(order.items.slice(0,2))" :key="product._id" class="mn-r-small">
     	        <img v-if="product.images" :src="`@/assets/images/products/${product.images.links[0]}`">
 			        <img v-if="!product.images" :src="require( `@/assets/icons/photo.svg`)">

package/src/modules/orders/components/partials/ShopCart.vue

@@ -13,7 +13,7 @@
     <!-- ---------------------------------------------------------------- -->
     <!-- 02. Popup Content  -->
     <!-- ---------------------------------------------------------------- -->
-    <div class="mn-big shopcart-content">
+    <div class="mn-b-big shopcart-content">
       <!-- Empty State -->
       <p v-if="!(shopcart.state.items.length > 0)" class="mn-t-medium"><i>{{t('emptystate')}}</i></p>
       <!-- Shopcart Items -->
@@ -27,8 +27,8 @@
     <!-- 03. Footer  -->
     <!-- ---------------------------------------------------------------- -->
     <div  class="shopcart-footer pd-b-medium pd-t-medium pd-big transition-cubic bg-black t-white">
-      <div v-if="shopcart.state.items.length > 0" class="mn-small total-price">
-        <p class="t-transp t-white mn-micro">{{ t('intotal') }}</p>
+      <div v-if="shopcart.state.items.length > 0" class="mn-b-small total-price">
+        <p class="t-transp t-white mn-b-micro">{{ t('intotal') }}</p>
         <p class="t-demi t-white p-big">{{cartTotalPrice}} {{returnCurrency()}}</p>
       </div>
       <button v-if="shopcart.state.items.length > 0" @click="openOrder()" class="bg-main t-black w-100 button">{{ t('fastorder') }}</button>

package/src/modules/orders/components/sections/Form.vue

@@ -1,9 +1,9 @@
 <template>
 <div class="order-form col">
   <!-- Client info -->
-  <div class="mn-big">
+  <div class="mn-b-big">
     
-    <p class="mn-medium t-medium p-big">Personal Data</p>
+    <p class="mn-b-medium t-medium p-big">Personal Data</p>
     <!-- Name and surname -->
     <Field 
       v-model:field="order.user.name"     
@@ -13,7 +13,7 @@
         bg-white
         pd-medium
         radius-small
-        mn-thin
+        mn-b-thin
       "
     />
     <!-- Phone -->
@@ -25,11 +25,11 @@
         bg-white
         pd-medium
         radius-small
-        mn-thin
+        mn-b-thin
       "
     />
 
-    <p class="mn-small">
+    <p class="mn-b-small">
       Leave your contact in messenger:
     </p>
 
@@ -65,8 +65,8 @@
   </div>
 
   <!-- Delivery -->
-  <div class="mn-big">
-    <p class="mn-medium t-medium p-big flex-v-center flex-nowrap flex">
+  <div class="mn-b-big">
+    <p class="mn-b-medium t-medium p-big flex-v-center flex-nowrap flex">
       <span class="mn-r-thin">Delivery</span>
 
       <Tooltip text="Delivery by courier takes 1-3 hours. Delivery by mail takes 3-5 days.">
@@ -74,7 +74,7 @@
       </Tooltip>
     </p>
     <!-- Type of delivery -->
-    <div class="mn-small flex-nowrap flex">
+    <div class="mn-b-small flex-nowrap flex">
       <Radio 
         v-model:radio="order.delivery.type"
         label="Courier"
@@ -123,7 +123,7 @@
         pd-medium
         radius-small
         w-100
-        mn-thin
+        mn-b-thin
       "
     />
    <Field 
@@ -138,10 +138,10 @@
     />
   </div>
   <!-- Type of payment -->
-  <div  class="mn-big">
-    <p class="mn-medium t-medium p-big">Payment</p>
+  <div  class="mn-b-big">
+    <p class="mn-b-medium t-medium p-big">Payment</p>
 
-    <div class="mn-small flex-nowrap flex">
+    <div class="mn-b-small flex-nowrap flex">
       <Select 
         :options="[
           {name: 'Cash On Delivery',  value: 'telegram'}, 

package/src/modules/orders/components/sections/Succes.vue

@@ -1,12 +1,12 @@
 <template>
 <div class="t-center order-finished">
-      <p class="mn-medium p-big">Order completed!</p>
-      <div class="mn-big pd-big order-number">
-        <p class="mn-small t-semi small">#485792</p>
+      <p class="mn-b-medium p-big">Order completed!</p>
+      <div class="mn-b-big pd-big order-number">
+        <p class="mn-b-small t-semi small">#485792</p>
         <p class="t-lh-2">Our manager will contact you within 1 hour. If you have any questions - send us an email or call <br><span class="t-semi">+995 585 888 660</span></p>
       </div>
       <div class="order-data pd-big">
-        <div class="mn-small t-left flex-nowrap flex">
+        <div class="mn-b-small t-left flex-nowrap flex">
           <p class="mn-r-small w-33 t-semi">Receiver</p>
           <p class="mn-r-small w-100">{{order.name}} {{order.surname}}, {{order.phone}}, {{order.email}}</p>
         </div>

package/src/modules/organizations/components/blocks/CardDepartment.vue

@@ -9,7 +9,7 @@
       
       <h3 
         @click="$router.push(`/app/organization/${props.organization._id}/departments/${department._id}`)"
-        class="mn-small w-100"
+        class="mn-b-small w-100"
         v-html="department.profile.name"
       />
     
@@ -18,7 +18,7 @@
           radius-small 
           o-hidden
           br-1px br-solid br-grey 
-          mn-thin
+          mn-b-thin
         "
         >
         <template #header>
@@ -51,7 +51,7 @@
           radius-small 
           o-hidden
           br-1px br-solid br-grey 
-          mn-thin
+          mn-b-thin
         "
         >
         <template #header>

package/src/modules/organizations/components/blocks/CardOrganization.vue

@@ -16,7 +16,7 @@
       </svg>
       
       <div class="flex-child-1 flex-child mn-l-small w-100">
-        <p class="h3 mn-r-semi mn-thin">
+        <p class="h3 mn-r-semi mn-b-thin">
           <Text :text="organization.profile.name ? organization.profile.name : ''" :maxLen="16" />
         </p>
 
@@ -36,7 +36,7 @@
         </div>
 
         <div>
-            <p class="mn-thin ">{{organization.numberOfSubscribers}} followers</p>
+            <p class="mn-b-thin ">{{organization.numberOfSubscribers}} followers</p>
             <ButtonToggleMembership
               v-if="
                 user?._id 
@@ -57,7 +57,7 @@
     </div>
 
     <div v-if="organization.products.length > 0" class="pd-medium">
-      <div class="mn-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium">
+      <div class="mn-b-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium">
         <p class="t-black p-medium t-semi">
           {{organization.products.length}} items:
         </p>

package/src/modules/organizations/components/blocks/Contacts.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="mn-small w-100">
+  <div class="mn-b-small w-100">
     <a v-if="formattedWebsite" :href="formattedWebsite" target="_blank" class="w-100 br-2px br-solid br-grey radius-small pd-small flex-v-center flex-nowrap flex">
       <!-- <img class="i-medium mn-r-small" src="@/assets/icons/website.svg"> -->
       <span class="t-semi uppercase">Website</span>

package/src/modules/organizations/components/blocks/DepartmentMemberModify.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
-    <div class="br-grey radius-small mn-small">
+    <div class="br-grey radius-small mn-b-small">
       <VueSelect 
         v-if="props.department === null"
         v-model="departmentForm.subdepartment"
         :options="filteredDepartments"
         :get-option-label='option => option.name' 
-        class="w-100 mn-small"
+        class="w-100 mn-b-small"
       /> 
       <div v-else class="pd-small br-grey br-1px br-solid">
         {{ departmentForm.name ? departmentForm.name : 'Безымянный' }}

package/src/modules/organizations/components/blocks/EditArray.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="w-100">
     <div class="flex">
-      <h3 class="mn-regular">{{name}}</h3>
+      <h3 class="mn-b-regular">{{name}}</h3>
       
     </div>
      
@@ -14,7 +14,7 @@
           <span class="mn-r-regular w-100">{{ item.name }}</span>
           <a class="w-20 button" @click="deleteItem(item)">Удалить</a>
         </div>
-        <hr v-if="!(index == items.length - 1)" class="mn-t-small mn-small w-100 ">
+        <hr v-if="!(index == items.length - 1)" class="mn-t-small mn-b-small w-100 ">
       </li>
     </ul>
   </div>

package/src/modules/organizations/components/blocks/EmptyState.vue

@@ -1,7 +1,7 @@
 <template>
-  <section class="mn-big radius-medium pd-big bg-white">
-    <h3 class="mn-regular">{{ title }}</h3>
-    <p class="mn-small t-transp p-medium">{{ description }}</p>
+  <section class="mn-b-big radius-medium pd-big bg-white">
+    <h3 class="mn-b-regular">{{ title }}</h3>
+    <p class="mn-b-small t-transp p-medium">{{ description }}</p>
 
     <button @click="callback" class="t-white bg-second w-100 button">
       {{ action }}

package/src/modules/organizations/components/blocks/Rating.vue

@@ -1,6 +1,6 @@
 <template>
 	<section>
-		<div class="w-100 mn-small star-container flex-v-center flex">
+		<div class="w-100 mn-b-small star-container flex-v-center flex">
 	       	<span class="p-big t-semi mn-r-small">{{rating}}</span>
 
 	       	<svg 

package/src/modules/organizations/components/pages/Department.vue

@@ -2,8 +2,8 @@
   <div class="for-transition w-100">
     
     <div id="dash" class="pd-medium bg-grey">
-      <section class="mn-medium radius-medium pd-semi bg-white">
-         <div class="flex-nowrap flex mn-small">
+      <section class="mn-b-medium radius-medium pd-semi bg-white">
+         <div class="flex-nowrap flex mn-b-small">
           <h2 class="w-100">{{ departments.state.department.name }}</h2>
 
           <svg @click="$router.push(`/app/organization/departments/${departments.state.department._id}/edit`)"  class="i-regular t-transp" width="652" height="652" viewBox="0 0 652 652" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -14,8 +14,8 @@
         <p class="t-transp p-big" v-html="departments.state.department.description"></p>
       </section>
 
-     <section class="mn-medium radius-medium pd-semi bg-white">
-        <h3 class="mn-regular">Команда</h3>
+     <section class="mn-b-medium radius-medium pd-semi bg-white">
+        <h3 class="mn-b-regular">Команда</h3>
         <ul>
           <li v-if="departments.state.department.members.length < 1">В отделе еще нет участников</li>
           <User 
@@ -29,8 +29,8 @@
         </ul>
       </section>
 
-      <section class="mn-medium radius-medium pd-semi bg-white">
-        <h3 class="mn-regular">Подотделы</h3>
+      <section class="mn-b-medium radius-medium pd-semi bg-white">
+        <h3 class="mn-b-regular">Подотделы</h3>
         <ul>
           <li v-if="departments.state.department.subdepartments.length < 1">В отделе еще нет подотделов</li>
           <DepartmentSub v-for="(subdepartment, index) in departments.state.department.subdepartments" @click="$router.push(`/app/organization/departments/${subdepartment._id}`)" :key="index" class="br-b br-solid br-grey" :department="subdepartment" />