Add alert to warn about tagging deviation messages on stops only

package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@entur/alert": "^0.14.3",
     "@entur/auth-provider": "1.1.1",
     "@entur/button": "2.10.15",
     "@entur/datepicker": "3.0.10",

src/components/messages/register.js

@@ -7,6 +7,7 @@ import {
 } from '@entur/button';
 import { Contrast } from '@entur/layout';
 import { DatePicker } from '@entur/datepicker';
+import { BannerAlertBox } from '@entur/alert';
 import { lightFormat, isBefore } from 'date-fns';
 import LinePicker from '../line-picker';
 import StopPicker from '../stop-picker';
@@ -523,7 +524,17 @@ class Register extends React.Component {
               )}
 
             {this.state.type === 'stop' && this.state.stops && (
+
               <div>
+              <br></br>
+              <BannerAlertBox 
+                  title="Trå varsomt!"
+                  variant="warning"
+                >
+                  Du er i ferd med å lage en avviksmelding som treffer all rutegående trafikk som passerer de(n) valgte holdeplassen(e)
+                  på tvers av operatører. Hvis du ønsker å lage en avviksmelding som kun treffer enkelte linjer (og stopp), velg "Linje" i stedet.
+                </BannerAlertBox>
+                <br></br>
                 <StopPicker
                   sort
                   isMulti
@@ -533,6 +544,7 @@ class Register extends React.Component {
                 />
                 <br></br>
               </div>
+
             )}
           </div>
         )}

src/style/index.css

@@ -7,6 +7,7 @@
 @import '~@entur/tooltip/dist/styles.css';
 @import '~@entur/loader/dist/styles.css';
 @import '~@entur/tab/dist/styles.css';
+@import '@entur/alert/dist/styles.css';
 
 .hidden {
   opacity: 0;
@@ -61,6 +62,7 @@ span {
   top: 130px;
   background-color: rgba(23, 28, 86, 1);
   min-width: 55%;
+  max-width:65%;
   min-height: 40;
   padding: 3%;
   padding-bottom: 5%;
@@ -85,7 +87,7 @@ span {
 @media only screen and (max-width: 991px) {
   .register_box {
     min-width: 100%;
-    max-width: 100%;
+    max-width: 80%;
     min-height: calc(100% - 100px);
     background-color: rgba(23, 28, 86, 0.7);
     left: 0;