tracker

src/components/ProfileCalendar/ProfileCalendarComponent.js

@@ -70,7 +70,7 @@ export const ProfileCalendarComponent = React.memo(({value, setValueHandler, rep
                 <div className='calendar-component__header-info'>
                     <h3>Мои отчеты:</h3>
                     <p className='calendar__hours'>
-                        {month} <span> {totalHours} {hourOfNum(totalHours)} </span>
+                        {month}&nbsp;<span>{totalHours} {hourOfNum(totalHours)} </span>
                     </p>
                 </div>
                 <div className='calendar-component__header-switcher'>

src/components/ReportForm/ReportForm.js

@@ -18,7 +18,6 @@ import {getReportDate} from '../../redux/reportSlice'
 import calendarIcon from '../../images/calendar_icon.png'
 import ellipse from '../../images/ellipse.png'
 import remove from '../../images/remove.png'
-import addIcon from '../../images/addIcon.png'
 import arrow from "../../images/right-arrow.png";
 
 import './reportForm.scss'
@@ -191,7 +190,7 @@ const ReportForm = () => {
                 })}
 
                 <div className='report-form__form-add'>
-                  <img onClick={addInput} src={addIcon} alt=''/>
+                  <p className='addMore' onClick={addInput}>+</p>
                   <span>Добавить еще </span>
                 </div>
               </div>

src/components/ReportForm/reportForm.scss

@@ -189,6 +189,8 @@
 
       img {
         cursor: pointer;
+        width: 23px;
+        height: 23px;
       }
     }
 
@@ -273,6 +275,21 @@
 
   &__form-add {
     margin-left: 28px;
+    display: flex;
+    align-items: center;
+
+    .addMore {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #4CAF50;
+      width: 38px;
+      height: 38px;
+      background: #E8E8E8;
+      margin-bottom: 0;
+      border-radius: 50px;
+      font-size: 32px;
+    }
 
     span {
       font-family: 'GT Eesti Pro Display';