updated streamline-setup v2

docker/streamline-src/public/css/streamline-custom.css

@@ -2,13 +2,15 @@
     Created on : Aug 24, 2017, 4:14:20 PM
     Author     : Davis
 */
-select.compulsory, input.compulsory, textarea.compulsory{
-    border-left:3px solid #F08080;
+select.compulsory,
+input.compulsory,
+textarea.compulsory {
+    border-left: 3px solid #F08080;
     /*border-right:3px solid #F08080;*/
 }
 
 /* trying to make original grey background of old streamline */
-body > .container_fluid{
+body>.container_fluid {
     background: #708090 !important;
 }
 
@@ -95,7 +97,27 @@ body > .container_fluid{
     background: #ab7a4b;
 }*/
 
-.label{
+.position-relative {
+    position: relative !important;
+}
+
+.position-absolute {
+    position: absolute;
+}
+
+.right-0 {
+    right: 0 !important;
+}
+
+.top-0 {
+    top: 0 !important;
+}
+
+.left-0 {
+    left: 0 !important;
+}
+
+.label {
     border-radius: 3px;
     padding: 4px 5px;
 }
@@ -110,7 +132,8 @@ body > .container_fluid{
     border-color: #93b9d8;
 }
 
-.alert-danger, .alert-error {
+.alert-danger,
+.alert-error {
     background-color: #f2dede;
     border-color: #eed3d7;
     color: #b94a48;
@@ -132,11 +155,13 @@ body > .container_fluid{
     width: 100%;
 }
 
-.android-input{
+.android-input {
     position: relative;
 }
-.android-input:before, .android-input:after{
-    content:'';
+
+.android-input:before,
+.android-input:after {
+    content: '';
     display: block;
 
     position: absolute;
@@ -145,10 +170,12 @@ body > .container_fluid{
     height: 6px;
     border-left: 2px solid #0099CC;
 }
-.android-input:before{
+
+.android-input:before {
     left: 0;
 }
-.android-input:after{
+
+.android-input:after {
     right: 0;
 }
 
@@ -167,11 +194,13 @@ body > .container_fluid{
     width: 100%;
 }
 
-.android-input-select{
+.android-input-select {
     position: relative;
 }
-.android-input-select:before, .android-input:after{
-    content:'';
+
+.android-input-select:before,
+.android-input:after {
+    content: '';
     display: block;
 
     position: absolute;
@@ -180,15 +209,107 @@ body > .container_fluid{
     height: 6px;
     border-left: 2px solid #0099CC;
 }
-.android-input-select:before{
+
+.android-input-select:before {
     left: 0;
 }
-.android-input-select:after{
+
+.android-input-select:after {
     right: 0;
 }
+
 .total {
-    background-color: #34394D !important; 
+    background-color: #34394D !important;
     color: #fff !important;
 }
 
+/* CUSTOM STYLES */
+div.consultation-pat {
+    border-radius: 5px;
+}
 
+.consultation-pat-table {
+    display: flex;
+    align-items: stretch;
+    margin: 0;
+    border-radius: 5px;
+}
+
+.consultation-pat-table .card {
+    border-radius: 0;
+}
+
+.consultation-pat-table .col:first-child .card {
+    border-radius: 5px 0 0 5px;
+}
+
+.consultation-pat-table .col:last-child .card {
+    border-radius: 0 5px 5px 0;
+}
+
+.consultation-pat-table .card-header {
+    min-height: 50%;
+    display: flex;
+    align-items: end;
+    font-weight: bold;
+    font-size: initial;
+}
+
+.consultation-pat-table .card-body {
+    border-radius: 0;
+    padding: 1rem;
+}
+
+.br-5 {
+    border-radius: 5px;
+}
+
+.tt-none {
+    text-transform: none;
+}
+
+.clinic-buttons a.btn {
+    white-space: normal;
+    border-radius: 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: larger !important;
+    box-shadow: 0px 5px 10px 13px rgba(229, 229, 229, 0.68);
+    -webkit-box-shadow: 0px 5px 10px 13px rgba(229, 229, 229, 0.68);
+    -moz-box-shadow: 0px 5px 10px 13px rgba(229, 229, 229, 0.68);
+}
+
+
+/*
+.consultation-pat-table tr th,
+.consultation-pat-table tr td {
+    min-width: 125px;
+    white-space: normal;
+} */
+
+@media screen and (min-width: 991px) {
+    .img-pat-profile {
+        background-position: left !important;
+    }
+}
+
+@media screen and (max-width: 990px) {
+    .consultation-pat-row {
+        margin: 0;
+        padding: 0;
+    }
+
+    .consultation-pat-table .card-header {
+        padding: .5rem;
+        font-size: 12px;
+    }
+
+    .consultation-pat-table .card-body {
+        padding: .5rem;
+    }
+
+    .img-pat-profile {
+        min-height: 200px !important;
+    }
+}