عنوان مدیاهای یک محتوا طول زیادی دارند

src/components/Widgets/Content/ContentShow/ContentShow.vue

@@ -434,7 +434,7 @@ export default {
     background: #FFFFFF;
     border: 1px solid #DFE1EC;
     border-radius: 8px;
-    padding: 36px 46px;
+    padding: 8px 8px;
   }
 }
 </style>

src/components/Widgets/Content/ContentShow/components/MediaCategory.vue

@@ -8,7 +8,7 @@
     <div class="media-list row q-col-gutter-md">
       <div v-for="media in medias.list"
            :key="media.id"
-           class="media-item col-md-3 col-sm-6 col-12">
+           class="media-item col-md-6 col-sm-6 col-12">
         <media-item :media="media"
                     :media-type="mediaType"
                     @onView="onView(media)" />

src/components/Widgets/Content/ContentShow/components/MediaItem.vue

@@ -12,7 +12,6 @@
         </template>
         <template v-else>
           <q-icon name="file_download" />
-          دانلود
         </template>
       </q-btn>
     </div>
@@ -56,7 +55,7 @@ export default {
   background: #F9F9F9;
   border: 1px solid #DFE1EC;
   border-radius: 10px;
-  padding: 10px 16px 10px 21px;
+  padding: 8px 4px 8px 4px;
   display: flex;
   flex-flow: row;
   justify-content: space-between;