remake layout report for day

src/pages/Summary/Summary.jsx

@@ -116,8 +116,8 @@ export const Summary = () => {
                 alt="avatar"
               />
               <p className="summary__name">
-                {profileInfo?.fio || profileInfo?.username},{" "}
-                {profileInfo.specification} разработчик
+                {profileInfo?.fio || profileInfo?.username}{" "}
+                {profileInfo.specification}
               </p>
               <hr />
               <div className="summary__direction">Front End</div>

src/pages/Summary/summary.scss

@@ -36,6 +36,7 @@
   }
 
   &__info {
+    width: 100%;
     min-height: 110px;
     background: white;
     border-radius: 12px;
@@ -64,6 +65,12 @@
     align-items: center;
     column-gap: 20px;
 
+    hr {
+      background-color: #00000081;
+      height: 30px;
+      width: 1px;
+    }
+
     @media (max-width: 825px) {
       column-gap: 20px;
     }
@@ -131,6 +138,7 @@
     border-radius: 44px;
     font-size: 14px;
     font-weight: 400;
+    padding: 5px 17px;
   }
 
   &__git {