money basics: create, update deposits

deposit icon to user list
css modified, tablet view available
This commit is contained in:
Ricsi
2017-01-22 21:23:27 +01:00
parent c19957eaef
commit d73e0cce1a
13 changed files with 428 additions and 62 deletions

View File

@@ -131,6 +131,29 @@ td.create a {
line-height: 18px;
font-size: 18px;
}
.list_item table.money {
width: 100%;
padding: 0px;
text-align: left;
}
.list_item table.money td.icon {
width: 25px;
padding: 0px;
}
.list_item table.money td.sum {
width: 1%;
white-space: nowrap;
}
.list_item table.money td.date {
text-align: right;
padding-right: 25px;
}
.list .name_tag {
text-align: left;
@@ -158,6 +181,11 @@ td.create a {
}
.user_mod_form {
width: 20px;
float: right;
}
.list {
clear: both;
}
@@ -178,13 +206,27 @@ td.create a {
border-left: 2px solid #000;
}
.list .list_item img, .list .name_tag img, .list .name_tag_checked img {
.list .list_item img, .list .name_tag img, .list .name_tag_checked img{
width: 20px;
height: 20px;
float: left;
margin-right: 5px;
}
.list .add_deposit {
position: relative;
top: -30px;
right: 10px;
cursor: pointer;
padding: 0px !important;
margin: 0px !important;
}
.list .add_deposit img {
width: 20px;
height: 20px;
}
.list a {
@@ -291,49 +333,21 @@ table.log tr.delete:hover {
@media (min-width: 680px) {
/* */
main #main_content, main #loading {
width: 80%;
margin: 0px auto;
}
.user_filter {
width: 90%;
}
.user_filter select {
width: 40%;
max-width: 200px;
}
.user_filter input {
width: 40%;
float: left;
margin: 0px 10px 0px 0px;
}
.danger {
width: 90%;
}
.list {
width: 40%;
}
.wide {
width: 80% !important;
}
.list .list_item, .list .name_tag, .list .name_tag_checked {
width: 100%;
}
.list_item label {
float: left;
padding-right: 5px;
}
.list .date_separator {
width: 100%;
@@ -341,4 +355,55 @@ main #main_content, main #loading {
}
@media (min-width: 1000px) {
.half_width {
width: 50% !important;
}
.list_item label {
float: left;
padding-right: 5px;
text-align: right;
}
.danger {
width: 90%;
}
.wide {
width: 80% !important;
}
.user_filter {
width: 90%;
}
.user_filter select {
width: 40%;
max-width: 200px;
}
.user_filter input {
width: 40%;
float: left;
margin: 0px 10px 0px 0px;
}
main #main_content, main #loading {
width: 80%;
margin: 0px auto;
}
.list {
width: 40%;
min-width: 400px;
}
.list .list_item, .list .name_tag, .list .name_tag_checked {
width: 100%;
}
}