improve group, input and status box design

Author: konrad2002

src/app/content/live-timing/live-timing-old-view/live-timing-old-view.component.scss

@@ -33,6 +33,8 @@
   font-weight: bolder;
   padding: 0 4px;
 
+  border-radius: 4px;
+
   &.success {
     color: green
   }

src/app/layout/group-box/group-box.component.scss

@@ -6,8 +6,8 @@
   width: calc(100% - 16px - 16px - 2px);
   display: block;
   border: 1px gray solid;
-  margin: 16px 8px 8px 8px;
-  padding: 16px 8px 8px 8px;
+  margin: 0;
+  padding: 32px 16px 16px 16px;
   position: relative;
 
   .box-title {

src/styles.scss

@@ -35,3 +35,9 @@ hr {
 button {
   cursor: pointer;
 }
+
+input {
+  background-color: var(--color-bg);
+  border: 1px solid gray;
+  border-radius: 2px;
+}