feature #1337 Tweak source code modal for large screens (voronkovich)

This PR was merged into the main branch.

Discussion
----------

Tweak source code modal for large screens

I suggest to make source code modal wider on large screens to avoid word wrapping.

![Screenshot 2022-05-05 at 23-40-14 Symfony Demo application](https://user-images.githubusercontent.com/2299535/167022448-66db8d63-8ebc-4024-b70e-6344e5ee07a3.png)

Bootstrap 5 has [.modal-xl](https://getbootstrap.com/docs/5.1/components/modal/#optional-sizes) CSS class for this. But we use Bootstrap 3, so I just created a "polyfill" for that feature.

Commits
-------

f1bea9f Tweak source code modal for large screens

Author: javiereguiluz

assets/styles/app.scss

@@ -56,6 +56,14 @@ i {
    ------------------------------------------------------------------------- */
 .m-b-0 { margin-bottom: 0 }
 
+@media (min-width: $screen-md-min) {
+  .modal-xl { width: $modal-lg; }
+}
+
+@media (min-width: $screen-lg-min) {
+  .modal-xl { width: $screen-lg-min - 60px; }
+}
+
 /* Page elements
    ------------------------------------------------------------------------- */
 body {

public/build/app.ac992678.css public/build/app.f66338b0.csspublic/build/app.ac992678.css renamed to public/build/app.f66338b0.css

@@ -10,7 +10,7 @@
       ],
       "css": [
         "/build/979.dc75718b.css",
-        "/build/app.ac992678.css"
+        "/build/app.f66338b0.css"
       ]
     },
     "login": {
@@ -49,7 +49,7 @@
     "/build/979.4967399b.js": "sha384-IPkjWWHEhfdos/b3w08uBZ2KjTFno/Ocwt1o6ardQjWJEbigWocfHbAeZfj+t7AX",
     "/build/app.a5511055.js": "sha384-t5u9zzpbS+SwUVCOSeCZdoFdZ5n1rIZ5nWHPzaEYkZ6U2oaG2AOokBmGXzL7uORK",
     "/build/979.dc75718b.css": "sha384-3Xq9zpkhbAPpNpmbJIfOIsDjVugU/PSQ4vcam/DSyD65+CvSOnCrlxkY+RpzfNKN",
-    "/build/app.ac992678.css": "sha384-ICPCCj5CXbWgl5Qqe/h85MC7oJI7tfgk7ZWIPsFm93L6gG/fHXfzBERdusSM7Fy4",
+    "/build/app.f66338b0.css": "sha384-KA475JLog/ODk4eDLal8AC7va3Rpmyw4GCOfZJrhCxpm2B2itR0J3w1NAKF38hJ9",
     "/build/login.395771d5.js": "sha384-bKBy5bAsLAFHFo/zxqJkheRiwvRSVHXwogJPw7DWc6qfnP03VaNFMyEc/0cRBf0k",
     "/build/919.63ff4a5d.js": "sha384-0o9glCmkeYT/iE8RHdbPnoqMslSFjP/uN4ggsyjBVE5eq+V2RUFdEzYZBs5JNiyb",
     "/build/admin.587634ca.js": "sha384-dcJSJPDI6xDEF7Z7o/d9W4sRi45GMJWp4hfnojnRhwtnjrGpoOUmmaPpE9AKOgXj",

public/build/entrypoints.json

@@ -1,5 +1,5 @@
 {
-  "build/app.css": "/build/app.ac992678.css",
+  "build/app.css": "/build/app.f66338b0.css",
   "build/app.js": "/build/app.a5511055.js",
   "build/login.js": "/build/login.395771d5.js",
   "build/admin.css": "/build/admin.691f9b8c.css",

public/build/manifest.json

@@ -8,7 +8,7 @@
     </button>
 
     <div class="modal fade" id="sourceCodeModal" tabindex="-1">
-        <div class="modal-dialog modal-lg">
+        <div class="modal-dialog modal-xl">
             <div class="modal-content">
                 <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="{{ 'action.close'|trans }}">