From 0c68dd6b6b815b3bdb797481514e5edc955524eb Mon Sep 17 00:00:00 2001
From: "Kayashov.SM" <kayshovcm@answer-42.ru>
Date: Wed, 10 Sep 2025 23:33:34 +0400
Subject: [PATCH] =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B8=20=D0=B2?=
 =?UTF-8?q?=D0=BD=D0=B5=D1=88=D0=BD=D0=B5=D0=B3=D0=BE=20=D0=B2=D0=B8=D0=B4?=
 =?UTF-8?q?=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CardCompact.js     |  2 +-
 src/components/SkeletonCompact.js | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/CardCompact.js b/src/components/CardCompact.js
index 7ed593c..40ceae5 100644
--- a/src/components/CardCompact.js
+++ b/src/components/CardCompact.js
@@ -8,7 +8,7 @@ const CardCompact = ({item}) => {
         item.hasFile ? "Статус: Загружен" : "Статус: Загружается"
     ) : null;
     return (
-        <Card className="mb-auto" style={{width: '18rem'}}>
+        <Card className="mb-auto" style={{width: '14rem'}}>
             <Card.Img variant="top" src={image}/>
             <Card.Body>
                 <Card.Title>{item.title}</Card.Title>
diff --git a/src/components/SkeletonCompact.js b/src/components/SkeletonCompact.js
index c6e26ae..e3f8d37 100644
--- a/src/components/SkeletonCompact.js
+++ b/src/components/SkeletonCompact.js
@@ -2,15 +2,15 @@ import {Card, CardBody, CardImg, CardText, CardTitle, Placeholder} from "react-b
 
 export function SkeletonCompact() {
     return (
-        <Card aria-hidden="true" style={{width: '18rem', height: '30rem'}}>
-            <CardImg className="card-img-top" style={{background: 'grey', width: '18rem', height: '30rem'}}/>
+        <Card className="mb-auto" aria-hidden="true" style={{width: '14rem', height: '30rem'}}>
+            <CardImg variant="top" style={{background: 'grey', width: '14rem', height: '30rem'}}/>
             <CardBody>
                 <CardTitle className="placeholder-glow">
-                    <Placeholder className="col-6"></Placeholder>
+                    <Placeholder className="col-3"></Placeholder>
                 </CardTitle>
                 <CardText className="placeholder-glow">
-                    <Placeholder className="col-8"></Placeholder>
-                    <Placeholder className="col-8"></Placeholder>
+                    <Placeholder className="col-6"></Placeholder>
+                    <Placeholder className="col-6"></Placeholder>
                 </CardText>
             </CardBody>
         </Card>