|
@@ -246,13 +246,15 @@
|
|
}
|
|
}
|
|
@media screen and (min-width: 801px) {
|
|
@media screen and (min-width: 801px) {
|
|
.card-details {
|
|
.card-details {
|
|
- top: 0px;
|
|
|
|
- left: 400px;
|
|
|
|
- width: 47%;
|
|
|
|
- position: absolute;
|
|
|
|
|
|
+ top: 97px;
|
|
|
|
+ left: 0;
|
|
|
|
+ right: 0;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ position: fixed;
|
|
resize: both;
|
|
resize: both;
|
|
}
|
|
}
|
|
.card-details-maximized {
|
|
.card-details-maximized {
|
|
|
|
+/*
|
|
padding: 0;
|
|
padding: 0;
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
flex-basis: calc(100% - 20px);
|
|
flex-basis: calc(100% - 20px);
|
|
@@ -272,6 +274,7 @@
|
|
height: calc(100% - 20px);
|
|
height: calc(100% - 20px);
|
|
width: calc(100% - 20px);
|
|
width: calc(100% - 20px);
|
|
float: left;
|
|
float: left;
|
|
|
|
+*/
|
|
}
|
|
}
|
|
.card-details-maximized .card-details-left {
|
|
.card-details-maximized .card-details-left {
|
|
float: left;
|
|
float: left;
|