Fix display issues on mobile (#373)

source/templates/classic/style.css

@@ -89,6 +89,9 @@
     margin-bottom: 2px;
     white-space: nowrap;
   }
+  .field.wrap {
+    flex-wrap: wrap;
+  }
   .field svg {
     margin: 0 8px;
     fill: #959da5;
@@ -104,6 +107,7 @@
 /* Displays */
   .row {
     display: flex;
+    flex-wrap: wrap;
   }
   .row section {
     flex: 1 1 0;
@@ -227,6 +231,9 @@
   .followup.legend svg:last-child {
     margin-right: 0;
   }
+  .followup-title{
+    white-space: initial;
+  }
 
 /* Labels */
   .label {
@@ -1011,6 +1018,7 @@
     border-radius: 16px;
     font-size: 10px;
     padding: 0 5px;
+    white-space: nowrap;
   }
   .achievement .gauge-base, .achievement .gauge-arc {
     stroke-width: 6;