@ozdao/prometheus-framework 0.1.99 → 0.2.0

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

@@ -21,8 +21,8 @@
     
       <div class="flex-stretch flex-column flex">  
 
-        <div class="mn-thin bg-grey pd-medium o-hidden radius-big">
-          <h3 class="mn-semi">Profile</h3>
+        <div class="mn-b-thin bg-grey pd-medium o-hidden radius-big">
+          <h3 class="mn-b-semi">Profile</h3>
           
           <div class="radius-small flex-nowrap flex">
             <UploadImage 
@@ -35,7 +35,7 @@
                 v-model:field="departments.state.department.profile.name"     
                 label="Name"  
                 placeholder="Spot Name" 
-                class="mn-small bg-white radius-small pd-medium"
+                class="mn-b-small bg-white radius-small pd-medium"
                 :validation="organizationName" 
               />
               <Field 
@@ -50,10 +50,10 @@
         </div>
 
         <div class="bg-grey pd-medium o-hidden radius-big">
-          <h3 class="mn-semi">Details</h3>
+          <h3 class="mn-b-semi">Details</h3>
           
-          <p class="p-medium mn-small">Please the available delivery options:</p>
-          <div class="mn-medium flex-nowrap flex">
+          <p class="p-medium mn-b-small">Please the available delivery options:</p>
+          <div class="mn-b-medium flex-nowrap flex">
             <Checkbox 
                 label="Pickup"
                 name="Delivery"
@@ -77,7 +77,7 @@
               />
           </div>
 
-          <p class="p-medium mn-small">Please select the available payment methods:</p>
+          <p class="p-medium mn-b-small">Please select the available payment methods:</p>
           <div class="flex-nowrap flex">
             <Checkbox 
                 label="Cash"
@@ -105,7 +105,7 @@
       </div>
 
       <div class="bg-grey pd-medium o-hidden radius-big">
-        <h3 class="mn-semi">Location</h3>
+        <h3 class="mn-b-semi">Location</h3>
         <Address
           :apiKey="GOOGLE_MAPS_API_KEY" 
           :address="departments.state.department.address" 
@@ -113,7 +113,7 @@
           label="Address"    
           placeholder="Enter delivery address"  
           class="
-            bg-white radius-small pd-small mn-small
+            bg-white radius-small pd-small mn-b-small
           "
           @update:location="newLocation => {
             departments.state.department.location = newLocation;
@@ -123,7 +123,7 @@
           }"
         />
 
-        <p class="mn-small p-medium">Or choose on map:</p>
+        <p class="mn-b-small p-medium">Or choose on map:</p>
 
         <LocationMarker 
           :address="departments.state.department.address" 
@@ -150,7 +150,7 @@
     <!-- <div id="dash" class="pd-medium bg-white">
      
 
-      <div class="mn-regular  flex-v-center flex-nowrap flex">
+      <div class="mn-b-regular  flex-v-center flex-nowrap flex">
         <h3 class="mn-r-small">Команда</h3>
         <div>
           <a  class="t-main h5" @click="openMemberPopup()">+</a>
@@ -167,10 +167,10 @@
       </Popup>
 
 
-      <ul class=mn-small>
+      <ul class=mn-b-small>
         <li v-if="departments.state.department.members.length < 1">В отделе еще нет участников</li>
         <User 
-          class="bg-grey o-hidden radius-small mn-thin" 
+          class="bg-grey o-hidden radius-small mn-b-thin" 
           v-for="(member, index) in departments.state.department.members" 
           :key="index" 
           :user="member.user" 
@@ -190,18 +190,18 @@
         />
       </Popup>
     
-      <div class="mn-regular  flex-v-center flex-nowrap flex">
+      <div class="mn-b-regular  flex-v-center flex-nowrap flex">
         <h3 class="mn-r-small">Подотделы </h3>
         <div>
           <a  class="t-main h5" @click="openDepartmentPopup()">+</a>
         </div>
       </div>
 
-        <ul class="mn-small">
+        <ul class="mn-b-small">
           <li v-if="departments.state.department.subdepartments.length < 1">В отделе еще нет подотделов</li>
           <DepartmentSub  
             v-for="(subdepartment, index) in departments.state.department.subdepartments" 
-            :key="index" class="bg-grey o-hidden radius-small mn-thin" 
+            :key="index" class="bg-grey o-hidden radius-small mn-b-thin" 
             :department="subdepartment" 
               @click="openDepartmentPopup(index)"
             />

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

@@ -1,8 +1,8 @@
 <template>
   <transition name="slide-fade">
     <div>
-      <section class="mn-medium radius-medium pd-semi bg-white">
-        <h2 class="mn-regular">Участники</h2>
+      <section class="mn-b-medium radius-medium pd-semi bg-white">
+        <h2 class="mn-b-regular">Участники</h2>
         <p class="t-transp p-big">Добавляйте новых участников организации и настраивайте права доступа.</p> 
       </section>
 

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

@@ -1,13 +1,13 @@
 <template>
 	<div v-if="organizationData" class="pd-thin for-transition w-100">
 
-		<!-- <Breadcrumbs class="mn-thin pd-medium bg-grey radius-big"/> -->
+		<!-- <Breadcrumbs class="mn-b-thin pd-medium bg-grey radius-big"/> -->
 		<!-- <pre>{{organization.state.current}}</pre> -->
 
 		<DetailsTab 	
 			:organization="organization.state.current" 
 			:user="auth.state.user"
-			class="mn-semi"
+			class="mn-b-semi"
 		/>
 
 		<!-- <section 
@@ -18,7 +18,7 @@
 				}
 			})"
 			class="
-				mn-semi
+				mn-b-semi
 				bg-grey
 				radius-big
 				pd-medium
@@ -27,7 +27,7 @@
 			<p>34 members</p>
 		</section> -->
 
-		<!-- <Menu class="mn-semi bg-grey">
+		<!-- <Menu class="mn-b-semi bg-grey">
 		 	<MenuItem @click="router.push({name: 'User Blogposts', params: {_id: route.params._id}})" class="cursor-pointer">
 		 		<IconCommunity class="i-semi" :icon="true"/>
 		    <span>Legal</span>
@@ -53,7 +53,7 @@
 				{ name: 'Events', 		value: 'events' },
 				// { name: 'Spots', 		value: 'spots' }	
 			]"
-			class="mn-small o-hidden h5 radius-big bg-grey"
+			class="mn-b-small o-hidden h5 radius-big bg-grey"
 		/>
 
 		<div class="pos-relative">

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

@@ -1,8 +1,8 @@
 <template>
 <div class="for-transition pd-thin">
   
-  <h3 class="mn-small">Type of group</h3>
-  <p class="mn-thin">Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.</p>
+  <h3 class="mn-b-small">Type of group</h3>
+  <p class="mn-b-thin">Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.</p>
   
   <SelectMulti
     v-model="organization.state.current.types"
@@ -10,17 +10,17 @@
     :multiple="false"
     :taggable="false"
     placeholder="Type to search or add type of organization"
-    class="mn-semi bg-grey pd-medium radius-small" 
+    class="mn-b-semi bg-grey pd-medium radius-small" 
   />
 
 
-  <h3 class="mn-small">Profile</h3>
+  <h3 class="mn-b-small">Profile</h3>
 
-  <div class="mn-thin radius-small w-100 h-10r bg-grey flex-center flex-column flex">
+  <div class="mn-b-thin radius-small w-100 h-10r bg-grey flex-center flex-column flex">
     <UploadImage 
       v-model:photo="organization.state.current.profile.photo"
       :uploadPath="'organizations/' + organization.state.current._id + '/avatars'"
-      class="h-4r w-4r aspect-1x1 o-hidden mn-thin radius-extra" 
+      class="h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra" 
     />
     <h4>Upload photo</h4>
   </div>
@@ -28,49 +28,49 @@
     <Field 
       v-model:field="organization.state.current.profile.name"   
       placeholder="Name of organization" 
-      class="mn-thin bg-grey pd-medium radius-small" 
+      class="mn-b-thin bg-grey pd-medium radius-small" 
     />
 
     <Field 
       v-model:field="organization.state.current.profile.description"    
       placeholder="Brief description of your group" 
-      class="mn-thin bg-grey pd-medium radius-small" 
+      class="mn-b-thin bg-grey pd-medium radius-small" 
     />
     <BlockTags
       @tags-changed="newTags => organization.state.current.profile.tags = newTags"
       :tags="organization.state.current.profile.tags"
     />
 
-    <h3 class="mn-small">Socials</h3>
-    <p class="mn-thin">Please provide only the username for social media profiles, without full links.</p>
+    <h3 class="mn-b-small">Socials</h3>
+    <p class="mn-b-thin">Please provide only the username for social media profiles, without full links.</p>
 
     <Field 
       v-model:field="organization.state.current.socials.instagram"
       label="Instagram"   
       placeholder="" 
-      class="mn-thin bg-grey pd-medium radius-small" 
+      class="mn-b-thin bg-grey pd-medium radius-small" 
     />
     <Field 
       v-model:field="organization.state.current.socials.twitter"
       label="Twitter"   
       placeholder="" 
-      class="mn-thin bg-grey pd-medium radius-small" 
+      class="mn-b-thin bg-grey pd-medium radius-small" 
     />
     <Field 
       v-model:field="organization.state.current.socials.facebook"
       label="Facebook"   
       placeholder="" 
-      class="mn-thin bg-grey pd-medium radius-small" 
+      class="mn-b-thin bg-grey pd-medium radius-small" 
     />
     <Field 
       v-model:field="organization.state.current.socials.telegram"
       label="Telegram"   
       placeholder="" 
-      class="mn-thin bg-grey pd-medium radius-small" 
+      class="mn-b-thin bg-grey pd-medium radius-small" 
     />
    
-    <Button :submit="onSubmit" :callback="redirectTo" class="mn-thin">Save</Button>
-    <!-- <Button :submit="onDelete" :callback="redirectDash" class="mn-thin bg-fourth">Delete</Button> -->
+    <Button :submit="onSubmit" :callback="redirectTo" class="mn-b-thin">Save</Button>
+    <!-- <Button :submit="onDelete" :callback="redirectDash" class="mn-b-thin bg-fourth">Delete</Button> -->
 
 </div>
 </template>

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

@@ -1,6 +1,6 @@
 <template>
 	<div class="pd-thin">
-		<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">Groups</h2>
 	      	<button 
 	      		v-if="auth.state.user._id === route.params._id"
@@ -18,7 +18,7 @@
 				{ name: 'Member', 	value: 'member' },
 				{ name: 'Follower', value: 'follower' }		
 			]"
-			class="mn-medium mn-r-medium o-hidden h5 radius-big bg-grey"
+			class="mn-b-medium mn-r-medium o-hidden h5 radius-big bg-grey"
 		/>
 
 		<transition name="slide-fade">

package/src/modules/organizations/components/sections/DetailsTab.vue

@@ -53,34 +53,34 @@
 			<img 
 				v-if="organization.profile.photo" 
 				:src="(FILE_SERVER_URL || '') + organization.profile.photo" 
-				class="radius-big bg-grey flex-center flex mn-small i-extra" 
+				class="radius-big bg-grey flex-center flex mn-b-small i-extra" 
 			/>
 
 			<PlaceholderUserpic
 				v-else
-				class="radius-medium mn-small i-extra"
+				class="radius-medium mn-b-small i-extra"
 			/>
 
 	        <h1
-	        	class="mn-thin"
+	        	class="mn-b-thin"
 	        >
 	    		{{ organization.profile.name }}
 	    	</h1>
 
-	        <p class="mn-medium p-big">
+	        <p class="mn-b-medium p-big">
 		     	<Text :text="organization.profile.description ? organization.profile.description : ''" :maxLen="240" />
 	      	</p>  
 
 
 	        
-	        <div class="flex-center flex-wrap gap-thin flex mn-semi">
+	        <div class="flex-center flex-wrap gap-thin flex mn-b-semi">
 		      	<span v-for="tag in organization.profile.tags" class=" pd-thin radius-small t-semi uppercase t-black bg-main p-medium">
 		      		{{tag}}
 		      	</span> 
 			</div>
 
 		 	<p 
-				class="t-semi mn-small"
+				class="t-semi mn-b-small"
 			>
 				<!-- 👍 3 212 likes ·  -->
 				<!-- 💬 342 comments ·  -->
@@ -101,12 +101,12 @@
 	      :status="organization.isSubscriber" 
 				:text="{create: 'Follow', remove: 'Unfollow'}"
 	      @updateMembership="event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')"
-	      class="w-min mn-medium	mn-r-auto mn-l-auto" 
+	      class="w-min mn-b-medium	mn-r-auto mn-l-auto" 
     	/>
 
       <h4 
       	v-if="Object.values(organization.socials).some(value => value)" 
-      	class="mn-t-small mn-thin"
+      	class="mn-t-small mn-b-thin"
       >
     		Find us in socials
     	</h4>
@@ -119,14 +119,14 @@
      	/>
 		</section>
 
-	<!-- <h3 class="mn-small">Rating</h3>
+	<!-- <h3 class="mn-b-small">Rating</h3>
   	<Rating 
   		:rating="organization.rating.median" 
   		:amount="organization.rating.amount"
-  		class="pd-medium mn-thin radius-big bg-grey"
+  		class="pd-medium mn-b-thin radius-big bg-grey"
   	/>
 
-  	<h3 class="mn-small">Contacts</h3>
+  	<h3 class="mn-b-small">Contacts</h3>
     <Contacts
       :website="organization.contacts.website"
       :phone="organization.contacts.phone"

package/src/modules/organizations/components/sections/Documents.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="documents">
-    <h3 class="mn-small">Список документов</h3>
+    <h3 class="mn-b-small">Список документов</h3>
     
-    <div class="mn-big cols-4">
+    <div class="mn-b-big cols-4">
 	      <div  
 	      	v-for="(doc, index) in documents" :key="index" 
 	      	@click="openPopup(index)" 
 	      	class="h-100 pd-medium bg-white radius-small">
-	      	<h3 class="mn-small">{{ doc.name }}</h3>
+	      	<h3 class="mn-b-small">{{ doc.name }}</h3>
 	      	<p class="t-semi t-transp radius-small">{{ doc.status }}</p>
 	      </div>
 	  </div>
@@ -23,7 +23,7 @@
         class="w-100"
       />
     </div>
-    <button @click="submitData" class="w-100 mn-small button ">Отправить на верификацию</button>
+    <button @click="submitData" class="w-100 mn-b-small button ">Отправить на верификацию</button>
 
 		</Popup>
 

package/src/modules/organizations/components/sections/Feed.vue

@@ -12,7 +12,7 @@
         v-if="!isLoading && organizationsList.length < 1"
         title="No Organizations Found"
         description="Currently, there are no organizations available. Please check back later."
-        class="pd-medium mn-thin bg-grey radius-big"
+        class="pd-medium mn-b-thin bg-grey radius-big"
       />
     </transition>
 
@@ -25,7 +25,7 @@
         :organization="organization" 
         :user="user" 
         :type="'normal'"
-        class="w-100 radius-big mn-medium"
+        class="w-100 radius-big mn-b-medium"
         :class="{
           'br-b br-solid br-black-transp-10': index !== organizationsList.length - 1
         }"

package/src/modules/organizations/components/sections/FeedDepartments.vue

@@ -15,12 +15,12 @@
           :key="index"
           :department="department"
           :organization="organization"
-          class="radius-big bg-grey mn-thin"
+          class="radius-big bg-grey mn-b-thin"
         />
         <button
           v-if="FirstLevelDepartments.length > 0 && auth.state.user._id === organization.owner"
           @click="$router.push(`/organization/${props.organization._id}/departments/create`)"
-          class="mn-thin button w-100"
+          class="mn-b-thin button w-100"
         >
           Add spot
         </button>

package/src/modules/organizations/components/sections/MembersAdd.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-      <section class="mn-medium radius-medium pd-semi bg-white">
-        <h3 class="mn-medium">Добавить участников</h3>
-        <p class="mn-small t-transp p-medium">Укажите email или телефон, чтобы отправить ссылку с приглашением:</p> 
+      <section class="mn-b-medium radius-medium pd-semi bg-white">
+        <h3 class="mn-b-medium">Добавить участников</h3>
+        <p class="mn-b-small t-transp p-medium">Укажите email или телефон, чтобы отправить ссылку с приглашением:</p> 
       
         <div
           v-for="(member, index) in members" 
@@ -11,7 +11,7 @@
             br-1px br-solid br-grey
             flex
             radius-small
-            mn-thin
+            mn-b-thin
           ">
           
           <div class="w-100 flex-nowrap flex">
@@ -42,7 +42,7 @@
           
         </div>
 
-        <div @click="addMember" class="mn-small flex-v-center flex-nowrap flex">
+        <div @click="addMember" class="mn-b-small flex-v-center flex-nowrap flex">
           <p class="t-blue mn-r-small">+ Добавить приглашение</p>
         </div>
 

package/src/modules/organizations/components/sections/MembersList.vue

@@ -1,5 +1,5 @@
 <template>
-	<section class="mn-big radius-medium bg-white">
+	<section class="mn-b-big radius-medium bg-white">
 	  <Tab 
 	    v-model:selected="tabMemberships"
 	    class="br-grey br-b br-solid radius-small"
@@ -34,7 +34,7 @@
 			<span v-if="invites.length < 1">В организации нет приглашений</span>
 		 	<div 
 		    v-for="(invite, index) in invites" 
-		    class="br-grey br-1px br-solid radius-small mn-thin flex-nowrap flex-v-center flex  pd-medium"
+		    class="br-grey br-1px br-solid radius-small mn-b-thin flex-nowrap flex-v-center flex  pd-medium"
 		  >
 
 		    <span class="w-100 mn-r-small">{{invite.invitedEmail}} {{invite.invitedPhone}}</span>

package/src/modules/organizations/components/sections/Unit.vue

@@ -1,17 +1,17 @@
 <template>
   <div class="bg-white o-hidden radius-small pd-medium">
-    <div class="mn-small">
-      <h5 class="mn-thin">Название отдела:</h5>
+    <div class="mn-b-small">
+      <h5 class="mn-b-thin">Название отдела:</h5>
       <input type="text" class="h3" v-model="unit.name" />
 
     </div>
-    <hr class="mn-small">
-    <div class="mn-small">
-      <h5 class="mn-thin">Команда: </h5>
+    <hr class="mn-b-small">
+    <div class="mn-b-small">
+      <h5 class="mn-b-thin">Команда: </h5>
 
-      <ul class="mn-thin">
+      <ul class="mn-b-thin">
         <li v-if="unit.participants.length < 1">В отделе еще нет участников</li>
-        <li v-for="(participant, index) in unit.participants" :key="index" class="mn-thin flex-v-center flex-nowrap flex">
+        <li v-for="(participant, index) in unit.participants" :key="index" class="mn-b-thin flex-v-center flex-nowrap flex">
           <p class="mn-r-small">{{ participant }}</p>
           <button @click="removeParticipant(index)" class="button-small button">x</button>
         </li>
@@ -20,18 +20,18 @@
       <button @click="addParticipant" class="button-small button">Добавить</button>
     </div>
 
-     <hr class="mn-small">
-         <h5 class="mn-thin">Подотделы:</h5>
-    <div class=" o-hidden mn-small radius-small subunit" v-for="(subunit, index) in unit.subunits" :key="index">
+     <hr class="mn-b-small">
+         <h5 class="mn-b-thin">Подотделы:</h5>
+    <div class=" o-hidden mn-b-small radius-small subunit" v-for="(subunit, index) in unit.subunits" :key="index">
 
 
       <Unit  :unit="subunit" @removeUnit="removeSubunit(index)" @addParticipant="addParticipantToSubunit(index, $event)" @addSubunit="addSubunitToSubunit(index)"/>
     
 
     </div>
-    <button @click="addSubunit" class="button-small mn-small button">Добавить отдел</button>
+    <button @click="addSubunit" class="button-small mn-b-small button">Добавить отдел</button>
 
-      <hr class="mn-small">
+      <hr class="mn-b-small">
 
      <button @click="emitRemoveUnit" class="w-100 br-dark bg-transp button-small button">Удалить отдел</button>
 

package/src/modules/payments/components/pages/Payments.vue

@@ -39,17 +39,17 @@
     
 
       <div class="flex block">
-        <p class="w-100 mn-thin p-big">
+        <p class="w-100 mn-b-thin p-big">
           Заказ #{{order._id.slice(0,8)}} 
         </p>
          
-         <p class="mn-small t-transp w-100">
+         <p class="mn-b-small t-transp w-100">
           Номер клиента: +7{{order.phone}}<br>
         </p>
         
       </div>
 
-        <p :class="{'new':order.status === 'Создан'}" class=" mn-small order-status w-100 flex-center flex">
+        <p :class="{'new':order.status === 'Создан'}" class=" mn-b-small order-status w-100 flex-center flex">
           {{order.status}} {{DateToFormattedString(order.createdAt)}}
 
         </p>

package/src/modules/products/components/blocks/CardLeftover.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex-column flex-wrap block">
-    <div class="w-100 mn-thin flex">
+    <div class="w-100 mn-b-thin flex">
       <div>
         <p class="p-big">
           {{leftover.type}} #{{leftover._id}}
@@ -21,17 +21,17 @@
           class="pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
         />
        </div>
-      <hr class="mn-t-small mn-thin">
+      <hr class="mn-t-small mn-b-thin">
     </div>
 
     <div class="w-100 spoiler">
-      <div @click="spoiler = !spoiler"  class="mn-small flex">
+      <div @click="spoiler = !spoiler"  class="mn-b-small flex">
         <span>Всего товаров {{leftover.positions.length}}</span>
         <!-- <img :class="{ 'spoiler-active': spoiler }" class="button-icon" src="@/assets/icons/arrow-down-spoiler.svg"> -->
       </div>
       <transition name="fade">
         <div v-if="spoiler">
-          <div  v-for="position in leftover.positions" class="w-100 mn-thin flex"> 
+          <div  v-for="position in leftover.positions" class="w-100 mn-b-thin flex"> 
             <div class=" w-50 flex">
               <span>
                 <!-- <span class="t-transp">Название:</span>  -->

package/src/modules/products/components/blocks/CardProduct.vue

@@ -66,13 +66,13 @@
 			>
 				{{product.information[0].value}}
 			</p>
-			<p class="mn-thin h4">{{product.name}}</p>
+			<p class="mn-b-thin h4">{{product.name}}</p>
 
-			<p v-if="product.description && !product.localization" class="mn-small t-transp p-small">
+			<p v-if="product.description && !product.localization" class="mn-b-small t-transp p-small">
 				{{product.description.substring(0, 99)}}...
 			</p>
 
-			<!-- <p v-if="product.localization && product.localization.length > 1" class="mn-small t-transp p-small">
+			<!-- <p v-if="product.localization && product.localization.length > 1" class="mn-b-small t-transp p-small">
 				<span v-if="$i18n.locale === 'en'">{{product.localization[0].text.substring(0, 99)}}...</span>
 				<span v-if="$i18n.locale === 'ru'">{{product.localization[1].text.substring(0, 99)}}...</span>
 			</p> -->

package/src/modules/products/components/blocks/EditCategories.vue

@@ -1,15 +1,15 @@
 <template>
-	<div class="mn-big">
+	<div class="mn-b-big">
 		
 		<!-- Title -->
-		<div class="mn-small flex-nojustify flex-v-center flex">
+		<div class="mn-b-small flex-nojustify flex-v-center flex">
 		  <h5 class="mn-r-thin">{{title}}</h5>
 		  <button @click="addArrayObject(obj,prop)" class="i-small pd-thin button-delete button">+</button>
 		</div>
-		<p v-if="category[name].length == 0" class="mn-big">У продукта еще не заданы {{title}}</p> 
+		<p v-if="category[name].length == 0" class="mn-b-big">У продукта еще не заданы {{title}}</p> 
 		<!-- Categories	 -->
 		<div v-if="category[name].length != 0" class="flex-wrap flex-column flex block">
-			<div class="mn-small w-100 flex-nowrap flex" v-for="(item, index) in category[name]">
+			<div class="mn-b-small w-100 flex-nowrap flex" v-for="(item, index) in category[name]">
 				<InputText 
 				:obj="obj" 
 				:prop="prop + '[' + index + '].' + keyname" 

package/src/modules/products/components/blocks/EditFilters.vue

@@ -1,13 +1,13 @@
 <template>
-	<div class="mn-big">
-		<div class="mn-small flex-nojustify flex-center flex">
+	<div class="mn-b-big">
+		<div class="mn-b-small flex-nojustify flex-center flex">
 			  <h5 class="mn-r-thin"></h5>
 			  <a @click="addArrayObject('categories', 'current.filters')" class="i-small pd-thin button-delete button"><img src="@/assets/icons/plus-white.svg"></a>
 			</div>
-		<p v-if="category.filters.length == 0" class="mn-big">У продукта еще не заданы фильтры.</p> 
+		<p v-if="category.filters.length == 0" class="mn-b-big">У продукта еще не заданы фильтры.</p> 
 		<!-- Categories	 -->
 		<div v-if="category.filters.length != 0" class="flex-wrap flex-column flex block">
-			<div class="mn-small w-100 flex-nowrap flex" v-for="(filter, index) in category.filters">
+			<div class="mn-b-small w-100 flex-nowrap flex" v-for="(filter, index) in category.filters">
 				<input 
 					@input="updateInputText('categories', 'current.filters[' + index + '].name', $event)" 
 					:value="Object.keys(filter).length === 0 ? '' : filter.name" 

package/src/modules/products/components/blocks/LeftoverPositions.vue

@@ -43,7 +43,7 @@
         >
           Delete
         </a>
-        <!-- <hr v-if="index < order.positions.length - 1" class="mn-t-small mn-small w-100 "> -->
+        <!-- <hr v-if="index < order.positions.length - 1" class="mn-t-small mn-b-small w-100 "> -->
       </li>
     </ul>
   </div>