manage_attached.css 2.13 KB
Newer Older
Félicie committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
.header {
    margin: 1rem 0;
}

.login_area {
    position: absolute;
    display: block;
    top: 5px;
    right: 5px;
}

#back_to_admin_index {
    position: absolute;
    top: 5px;
    left: 5px;
}

Félicie committed
18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
/* Buttons */

.management_type_buttons {
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

.management_type_button {
    height: 2.2em;
    width: 30%;
    border-radius: 3px;
    margin: 10px;
    font-size: 1.3em;
}

Félicie committed
34 35 36
.create_pair_button {
    display: flex;
    justify-content: center;
Félicie committed
37
    margin: 120px 0 120px 0;
Félicie committed
38
}
Félicie committed
39

Félicie committed
40 41 42 43
@media screen and (max-width: 992px) {
    .create_pair_button {
        margin: auto;
    }
Félicie committed
44 45
}

Félicie committed
46 47
#createPair {
    border-radius: 30px; 
Félicie committed
48 49
}

Félicie committed
50 51 52
/* Search membres area */

.search_member_form_area {
Félicie committed
53
    align-items: center;
Félicie committed
54
    padding-bottom: 20px;
Félicie committed
55 56
}

Félicie committed
57 58
.search_member_form {
    margin-left: 10px;
Félicie committed
59 60
}

Félicie committed
61 62 63 64 65 66 67 68
/* Member infos */
.tile_icon {
    margin-right: 15px;
    color: #00a573;
}

.member_info {
    font-weight: bold;
Félicie committed
69 70
}

Félicie committed
71 72 73 74
.member_status_text_container {
    margin: 1rem;
}

Félicie committed
75 76 77 78 79 80 81 82 83 84
/* Attached members table */
.table_area {
    margin-top: 20px;
}

#table_top_area {
    display: flex;
    justify-content: space-between;
}

Félicie committed
85 86
/* -- Tiles */

Félicie committed
87 88 89 90
.tiles_container {
    display: flex;
    flex-wrap: wrap;
}
Félicie committed
91

Félicie committed
92 93 94 95 96
@media screen and (max-width: 992px) {
    .tiles_container {
        flex-direction: column;
    }
}
Félicie committed
97 98

.tile {
Félicie committed
99
    flex: 1 0 20%;
Félicie committed
100 101
    display: flex;
    flex-direction: column;
Félicie committed
102
    text-align: center;
Félicie committed
103 104
    border-radius: 30px;
    margin: 1rem 1rem;
Félicie committed
105
    padding: 1rem;
Félicie committed
106 107
    box-shadow: 2px 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
}
Félicie committed
108 109 110 111 112 113

.tile_content {
    height: 100%;
    flex-direction: column;
    text-align: center;
    font-size: 1.6rem;
Félicie committed
114
}
115 116 117 118

.spinner {
   height:40px;
}
119 120

/* Modale */
121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136
.attached-members .member div {width: 50px; display: inline-block; margin: 1rem 0;}
.attached-members .member div.name {width: 100%; position: relative;}
.attached-members .member div.select_after_unattached_state {
    position: absolute;
    right:5rem;
    top:0;
    bottom:0;
    margin: 0;
    display:flex;
    justify-content: center ;
    align-items: center;
}

.attached-members .member .after_unattached_state {
    cursor: pointer;
}