Fix for overflow x-axis in mobile view

This commit is contained in:
Afzal Sayed 2017-11-23 23:13:46 +05:30
parent a79b4ccc16
commit c52b4d927f
2 changed files with 11 additions and 2 deletions

View file

@ -25,8 +25,8 @@
</head>
<body>
<div class="container paper">
<div class="container">
<div class=" paper">
<div class="demo-title">
<div class="row flex-center">
<div class="text-center">
@ -1102,6 +1102,7 @@ function add(x, y) {
<p>Made with 💛 by <a href="https://vlaservi.ch" target="_blank">Rhyne</a> and some <a href="https://github.com/rhyneav/papercss/graphs/contributors">fantastic contributors</a>!</p>
</div>
</div>
</div>
</body>
</html>

View file

@ -14,6 +14,14 @@ table {
vertical-align: top;
border-top: 1px dashed lighten(@primary, 60%);
}
@media screen and (max-width:480px) {
thead tr th {
padding: 2%;
}
tbody tr td {
padding: 2%;
}
}
&.table-hover tbody tr:hover {
color: @secondary;
}