Make the warning more pronounced (#4084)

webapp/components/interop-dashboard.js

@@ -238,6 +238,12 @@ class InteropDashboard extends WPTFlags(PolymerElement) {
           padding: 0 5px;
         }
 
+        .warning {
+          background-color: khaki;
+          border: 1px dashed rgba(0, 0, 0, .5);
+          border-radius: 5px;
+        }
+
         #featureSelect {
           padding: 0.5rem;
           font-size: 16px;
@@ -307,7 +313,7 @@ class InteropDashboard extends WPTFlags(PolymerElement) {
             <paper-button id="toggleExperimental" class\$="[[experimentalButtonClass(stable, isMobileScoresView)]]" on-click="clickExperimental">Experimental</paper-button>
             <paper-button id="toggleMobile" class\$="[[mobileButtonClass(isMobileScoresView)]]" on-click="clickMobile" hidden$="[[!shouldShowMobileScoresView()]]">Mobile</paper-button>
           </div>
-          <div class="text-center" hidden$="[[!isMobileScoresView]]">
+          <div class="text-center warning" hidden$="[[!isMobileScoresView]]">
             <p><i>Mobile browser results and how they are obtained are a work in progress. Scores may not reflect the real level of support for a given feature.</i></p>
           </div>
         </div>