Permalink
Browse files

Fix that long strings in code can break the layout - resolves #414

  • Loading branch information...
1 parent 255f952 commit 43b3a60ec3239af370bf3c608b212cb4387ef03b @jzimdars jzimdars committed Dec 3, 2013
Showing with 6 additions and 5 deletions.
  1. +5 −1 stylesheets/main.css
  2. +1 −4 stylesheets/mobile.css
View
@@ -124,8 +124,9 @@ dl dt {
text-rendering: optimizeLegibility;
}
-h1, h2, h3, h4, p, li, dt, dd, a {
+h1, h2, h3, h4, p, li, dt, dd, a, code, pre {
word-wrap: break-word;
+ overflow-wrap: break-word;
}
code {
@@ -177,7 +178,9 @@ pre code {
#main {
display: table;
+ table-layout: fixed;
border-collapse: collapse;
+ width: 100%;
}
#content-wrapper {
@@ -211,6 +214,7 @@ p.post-info {
#sidebar-wrapper {
display: table-cell;
vertical-align: top;
+ width: 30%;
}
#sidebar {
View
@@ -32,10 +32,7 @@
#home-page-layout #code pre { margin-right: 24px; }
#sidebar { margin-right: 24px; }
- #content-wrapper {
- width: 65%;
- padding: 0 24px;
- }
+ #content-wrapper { padding: 0 24px; }
#main img { max-width: 100%; }

0 comments on commit 43b3a60

Please sign in to comment.