Ratstail91/kingdombattles
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CSS fix

Browse Source
This commit is contained in:
Kayne Ruse
2019-06-03 13:50:49 +10:00
parent 2d09fac85d
commit b3b3f04f82
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles/shared.css
+8
View File
@@ -307,6 +307,10 @@ pre {
display: none; display: none;
} }
.centered.mobile {
text-align: initial;
}
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
.show.mobile { .show.mobile {
display: block; display: block;
@@ -325,3 +329,7 @@ pre {
padding-top: .25em; padding-top: .25em;
padding-bottom: .25em; padding-bottom: .25em;
} }
.alwaysCentered {
text-align: center !important;
}
src/components/panels/equipment.jsx
+2 -2
View File
@@ -36,8 +36,8 @@ class Equipment extends React.Component {
<p className='col centered truncate'>Name</p> <p className='col centered truncate'>Name</p>
<p className='col centered truncate'>Type</p> <p className='col centered truncate'>Type</p>
<p className='col centered truncate'>Owned</p> <p className='col centered truncate'>Owned</p>
<p className='col centered truncate mobile hide'>Buy</p> <p className='col centered truncate mobile hide alwaysCentered'>Buy</p>
<p className='col centered truncate mobile hide'>Sell</p> <p className='col centered truncate mobile hide alwaysCentered'>Sell</p>
</div> </div>
<hr className='mobile show' /> <hr className='mobile show' />