all: sync with master; upd chlog

client/src/components/ui/Cell.js

@@ -1,25 +1,39 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+
 import LogsSearchLink from './LogsSearchLink';
 import { formatNumber } from '../../helpers/helpers';
 
 const Cell = ({
-    value, percent, color, search,
-}) => <div className="stats__row">
-    <div className="stats__row-value mb-1">
-        <strong><LogsSearchLink search={search}>{formatNumber(value)}</LogsSearchLink></strong>
-        <small className="ml-3 text-muted">{percent}%</small>
+    value,
+    percent,
+    color,
+    search,
+}) => (
+    <div className="stats__row">
+        <div className="stats__row-value mb-1">
+            <strong>
+                {search ? (
+                    <LogsSearchLink search={search}>
+                        {formatNumber(value)}
+                    </LogsSearchLink>
+                ) : (
+                    formatNumber(value)
+                )}
+            </strong>
+            <small className="ml-3 text-muted">{percent}%</small>
+        </div>
+        <div className="progress progress-xs">
+            <div
+                className="progress-bar"
+                style={{
+                    width: `${percent}%`,
+                    backgroundColor: color,
+                }}
+            />
+        </div>
     </div>
-    <div className="progress progress-xs">
-        <div
-            className="progress-bar"
-            style={{
-                width: `${percent}%`,
-                backgroundColor: color,
-            }}
-        />
-    </div>
-</div>;
+);
 
 Cell.propTypes = {
     value: PropTypes.number.isRequired,

client/src/components/ui/Icons.js

@@ -225,6 +225,20 @@ const Icons = () => (
                 <path stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" d="M8.036 10.93l3.93 4.07 4.068-3.93" />
             </g>
         </symbol>
+
+        <symbol id="calendar" fill="none" height="24" viewBox="0 0 24 24" width="24" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+            <rect x="4" y="5.5" width="16" height="14" rx="3" />
+            <path d="M12 4V7" />
+            <path d="M8 4L8 7" />
+            <path d="M16 4V7" />
+            <path d="M9.7397 15.5V11L8 13" />
+            <path d="M14.7397 15.5V11L13 13" />
+        </symbol>
+
+        <symbol id="watch" fill="none" height="24" viewBox="0 0 24 24" width="24" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+            <circle cx="12" cy="12" r="9" />
+            <path d="M16.1215 12.1213H11.8789V7.87866" />
+        </symbol>
     </svg>
 );
 

client/src/components/ui/Line.js

@@ -44,7 +44,7 @@ const Line = ({
         enableGridY={false}
         enablePoints={false}
         xFormat={(x) => {
-            if (interval === 1 || interval === 7) {
+            if (interval >= 0 && interval <= 7) {
                 const hoursAgo = subHours(Date.now(), 24 * interval);
                 return dateFormat(addHours(hoursAgo, x), 'D MMM HH:00');
             }

client/src/components/ui/Modal.css

@@ -41,7 +41,8 @@
 }
 
 @media (min-width: 576px) {
-    .modal-dialog--clients {
+    .modal-dialog--clients,
+    .modal-dialog--schedule {
         max-width: 650px;
     }
 }

client/src/components/ui/PageTitle.css

@@ -6,7 +6,7 @@
 .page-header--logs {
     flex-direction: row;
     align-items: flex-end;
-    margin: 2rem 0 2.8rem;
+    margin: 0.5rem 0 2.8rem;
 }
 
 .page-header--logs .page-title {
@@ -18,7 +18,7 @@
     .page-header--logs {
         flex-direction: column;
         align-items: center;
-        margin: 1.1rem 0;
+        margin-bottom: 0 0 1.1rem;
     }
 
     .page-header--logs .page-title {

client/src/components/ui/Tabler.css

@@ -470,6 +470,10 @@ hr {
     border-top: 1px solid rgba(0, 40, 100, 0.12);
 }
 
+[data-theme=dark] hr {
+    border-color: var(--card-border-color);
+}
+
 small,
 .small {
     font-size: 87.5%;
@@ -10204,7 +10208,7 @@ body.fixed-header .page {
     -ms-flex-align: center;
     align-items: center;
     flex-direction: column;
-    margin: 1.5rem 0 1.5rem;
+    margin: 0 0 1.5rem;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }