Добавили редактирование банков

PaydayFrontend/wwwroot/admin/css/style.css

@@ -20,6 +20,10 @@
     background-color: #fff
 }
 
+.fix {
+    margin-top: 20px;
+}
+
 
 .universe_icon {
     -moz-user-select: none;
@@ -158,53 +162,37 @@
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
-    display: block;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
     position: absolute;
     right: 50px;
     top: 20px;
-    -webkit-transform: translateX(-50%);
-    transform: translateX(-50%);
     height: 50px;
     width: 50px;
     background-color: #20d37d;
-    border-radius: 9px
+    border-radius: 50%
 }
 
-.hamburger span {
-    display: block;
-    height: 5px;
-    width: 32px;
+.second_line {
+    position: absolute;
     background-color: #fff;
-    margin: 0 9px 6px 9px
+    height: 3px;
+    width: 25px
 }
 
-.hamburger span:nth-child(1) {
-    margin-top: 12px
-}
-
-.hamburger span:nth-child(3) {
-    margin-bottom: 12px
-}
-
-.hamburger span_active {
-    -webkit-transition: .8 all;
-    transition: .8 all
-}
-
-.hamburger span_active span:nth-child(1) {
-    margin-top: 12px;
-    -webkit-transform: translateY(12px) rotate(-45deg);
-    transform: translateY(12px) rotate(-45deg)
-}
-
-.hamburger span_active span:nth-child(2) {
-    display: none
-}
-
-.hamburger span_active span:nth-child(3) {
-    margin-top: 12px;
-    -webkit-transform: translateY(-5px) rotate(45deg);
-    transform: translateY(-5px) rotate(45deg)
+.first_line {
+    position: absolute;
+    rotate: 90deg;
+    background-color: #fff;
+    height: 3px;
+    width: 25px
 }
 
 .banks {
@@ -394,4 +382,124 @@
     position: relative
 }
 
+.navigation_card {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -ms-flex-line-pack: center;
+    align-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    margin-left: 30px;
+    height: 60px;
+    width: 880px;
+    background-color: #fff;
+    border-radius: 44px
+}
+
+.navigation_bank_text {
+    margin: 6 auto;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    color: #2a2a2a;
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 500
+}
+
+.navigation_bank {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center
+}
+
+.navigation_icon {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    height: 45px;
+    width: 45px
+}
+
+.flex_container_center {
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center
+}
+
+.add_procent {
+    margin-right: 20px;
+    width: 120px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between
+}
+
+.delete_btn {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    width: 50px;
+    height: 50px;
+    background-color: #fff;
+    border-radius: 50%
+}
+
+.delete_btn_img_red {
+    display: none;
+    width: 40px
+}
+
+.delete_btn_img_black {
+    width: 40px
+}
+
+.delete_btn:hover {
+    background-color: #ececec
+}
+
+.delete_btn:hover .delete_btn_img_black {
+    display: none
+}
+
+.delete_btn:hover .delete_btn_img_red {
+    display: block
+}
+
 /*# sourceMappingURL=style.css.map */