Difference between revisions of "MediaWiki:Gadget-calculator-drugDosage.css"

Revision as of 16:38, 21 August 2021

.calculator-DrugDosageCalculator .container-fluid {
    padding: 0;
}
.calculator-DrugDosageCalculator-drug-highlight {
    padding: 5px;
}
.calculator-DrugDosageCalculator-drug-background {
    display: block;
    padding: 10px 0px;
}
.calculator-DrugDosageCalculator-dose-cell {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.calculator-DrugDosageCalculator-dose-info {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    margin-bottom: 0.1rem;
}
.calculator-DrugDosageCalculator-dose-info-population {
    font-style: italic;
}
.calculator-DrugDosageCalculator-options-cell {
    vertical-align: top;
}
@media only screen and (max-width: 529px) {
    .calculator-container-input-DrugDosageCalculator-options {
        justify-content: center;
    }
}

@@ Line 1: / Line 1: @@
-.calculator-drugDosages .wikitable {
+.calculator-DrugDosageCalculator .container-fluid {
-    max-width: 1000px;
+     padding: 0;
-}
-.calculator-DrugDosageCalculator-drug-header {
-    text-align: center;
-}
-@media only screen and (max-width: 529px) {
-    .calculator-DrugDosageCalculator-drug-header {
-        width: 10%;
-    }
-}
-@media only screen and (min-width: 530px) {
-     .calculator-DrugDosageCalculator-drug-header {
-        width: 17%;
-    }
 }
 .calculator-DrugDosageCalculator-drug-highlight {
@@ Line 20: / Line 7: @@
 .calculator-DrugDosageCalculator-drug-background {
      display: block;
-     padding: 20px 0px;
+     padding: 10px 0px;
-}
-.calculator-DrugDosageCalculator-dose-header {
-    text-align: center;
-}
-@media only screen and (max-width: 529px) {
-    .calculator-DrugDosageCalculator-dose-header {
-        width: 55%;
-    }
-}
-@media only screen and (min-width: 530px) {
-    .calculator-DrugDosageCalculator-dose-header {
-        width: 43%;
-    }
 }
 .calculator-DrugDosageCalculator-dose-cell {
@@ Line 46: / Line 20: @@
 .calculator-DrugDosageCalculator-dose-info-population {
      font-style: italic;
-}
-.calculator-DrugDosageCalculator-options-header {
-    text-align: center;
-}
-@media only screen and (max-width: 529px) {
-    .calculator-DrugDosageCalculator-options-header {
-        width: 35%;
-    }
-}
-@media only screen and (min-width: 530px) {
-    .calculator-DrugDosageCalculator-options-header {
-        width: 40%;
-    }
 }
 .calculator-DrugDosageCalculator-options-cell {