v0.0.3

- Добавлено модальное окно редактирования номера

public/style.css

@@ -49,18 +49,19 @@ input {
     border: 1px solid#c5c5c5;
 }
 
-.input-focus:hover {
-    border: 1px solid #ccc
+.input-focus:hover:not([disabled]) {
+    border: 1px solid #999;
+    box-shadow: 1px 1px 10px 1px #ccc;
 }
 
 .input-focus::placeholder {
     color: #333
 }
 
-.input-focus:focus {
+.input-focus:focus:not([disabled]) {
     outline: none;
-    box-shadow: 1px 1px 10px 1px #007fff;
-    border: 1px solid #003eff;
+    box-shadow: 1px 1px 10px 1px #666;
+    border: 1px solid #555;
 }
 
 /* BODY */
@@ -96,6 +97,12 @@ td {
     text-align: center;
 }
 
+.body-rows td {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
 .body-rows tbody tr:nth-child(even){
 	background: #fff;
 }
@@ -105,3 +112,48 @@ tr.row:hover, tr.row:nth-child(even):hover {
     color: #fff;
     cursor: pointer;
 }
+
+/* EDIT NUMBER */
+
+.number-label {
+    color: #333;
+    text-align: right;
+}
+
+.number-value {
+    height: 30px;
+}
+
+.number-input-main {
+    height: 25px;
+    width: 194px;
+    margin: 0 10px 0 10px;
+}
+
+.number-input-cc {
+    height: 25px;
+    width: 50px;
+    margin: 0 10px 0 10px;
+}
+
+.div-advanced {
+    display: flex;
+    flex-direction: column;
+}
+
+.comment {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.comment-content {
+    width: 100%;
+    height: 100%;
+}
+
+#number-comment {
+    width: calc(100% - 6px);
+    resize: none;
+}