gistfile1.diff

diff --git a/_mysql.c._mysql_ConnectionObject_get_character_set_info-refcount-errors.v2.html b/_mysql.c._mysql_ConnectionObject_get_character_set_info-refcount-errors.v2-new.html
index 27cd945..a4bc009 100644
--- a/_mysql.c._mysql_ConnectionObject_get_character_set_info-refcount-errors.v2.html
+++ b/_mysql.c._mysql_ConnectionObject_get_character_set_info-refcount-errors.v2-new.html
@@ -99,8 +99,8 @@ body {
     background: #EBEBEB;
     height: 100%;
 
-    display: box;
-    box-orient: vertical;
+    display: flex;
+    flex-direction: column;
 }
 h1, h2 {
     font-weight: bolder;
@@ -126,7 +126,7 @@ img {
     background-color: #0099ff;
 }
 #reports {
-    box-flex: 1;
+    flex: 1;
     overflow-y: auto;
     overflow-x: hidden;
 }
@@ -134,8 +134,7 @@ img {
 
 /* Header */
 #title {
-    display: box;
-    box-orient: horizontal;
+    display: flex;
     width: 100%;
     padding: 0.5em;
     box-sizing: border-box;
@@ -143,7 +142,7 @@ img {
 }
 #title h1,
 #title #filename {
-    box-flex: 1;
+    flex: 1;
     vertical-align: middle;
 }
 #title h1 {
@@ -151,16 +150,15 @@ img {
     text-shadow: 0 1px 1px black;
 }
 #title #filename {
-    box-flex: 1;
+    flex: 1;
     text-align: right;
     text-shadow: 0 1px 0 black;
 }
 
 /* Navigation */
 #nav {
-    display: box;
-    box-orient: horizontal;
-    box-align: center;
+    display: flex;
+    align-items: center;
     width: 100%;
     padding: 0.5em 1em;
     box-sizing: border-box;
@@ -175,7 +173,7 @@ img {
     padding: 4px;
 }
 #nav #bug-toggle {
-    box-flex: 1;
+    flex: 1;
     text-align: right;
 }
 #nav #prev,
@@ -223,8 +221,7 @@ img {
 
 
 #reports > li {
-    display: box;
-    box-orient: horizontal;
+    display: flex;
     width: 100%;
 }
 #reports > li + li {
@@ -244,7 +241,7 @@ img {
 
 #main {
     background: red;
-    display: box;
+    display: flex;
 }
 
 .source {
@@ -254,17 +251,16 @@ img {
     background: white;
     line-height: 1.33;
     min-width: 40em;
-    box-flex: 3;
+    flex: 3;
     overflow-x: auto;
     border-right: 1px solid hsl(0, 0%, 70%);
 }
 .source > header {
-    display: box;
-    box-orient: horizontal;
+    display: flex;
     width: 100%;
 }
 .source > header .error {
-    box-flex: 1;
+    flex: 1;
     color: darkred;
     font-weight: bold;
 }
@@ -286,7 +282,7 @@ img {
 #code {
     background: blue;
     min-width: 300px;
-    box-flex: 2;
+    flex: 2;
 }
 .source tr:nth-child(2n) {
     background: hsl(0, 0%, 93%);
@@ -366,7 +362,7 @@ img {
     height: 100%;
     min-width: 25em;
     border-left: 1px solid hsl(0, 0%, 70%);
-    box-flex: 1;
+    flex: 1;
 }
 .states li {
     position: relative;