Issue 5917 - Improve display of report data in the issue reporter

skin/issue-reporter.css

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-present eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 177 matching lines @@
   justify-content: center;
   margin-top: 2rem;
 }
 
 #result
 {
   flex-grow: 1;
   border-width: 0px;
 }
 
+#showDataValue
+{
+  flex-grow: 1;
+  width: 100%;
+  margin-bottom: 1rem;
+}
+
 footer
 {
   display: flex;
   flex-direction: row;
   box-sizing: border-box;
   width: 46.3rem;
   margin-top: 2rem;
 }
 
 #privacyPolicy
@@ skipping 88 matching lines @@
   background-color: transparent;
   background-image: url(icons/checkbox.png);
   display: inline-block;
 }
 
 input[type="checkbox"]:checked,
 input[type="radio"]:checked
 {
   background-position: 0px 18px;
 }
+
+.modal:not([hidden])
+{
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  padding: 5rem;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.modalContent
+{
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  background-color: #FFFFFF;
+  border: 1px solid #CDCDCD;
+  padding: 2rem;
+}