{% load i18n %}
<!DOCTYPE html>
<html>
<head>
  <meta content='IE=edge' http-equiv='X-UA-Compatible' />
  <meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
  <title>{{page_title}}</title>
  <link rel="stylesheet" href="{{ STATIC_URL }}dashboard/scss/serial_console.css" type="text/css" media="screen">
  <script src="{% url 'horizon:jsi18n' 'horizon' %}"></script>
  <script src='{{ STATIC_URL }}horizon/lib/termjs/term.js'></script>
  <script src="{{ STATIC_URL }}horizon/lib/jquery/jquery.js"></script>
  <script src="{{ STATIC_URL }}horizon/lib/angular/angular.js"></script>
  <script src="{{ STATIC_URL }}js/angular/directives/serialConsole.js"></script>
</head>
<body ng-app='serialConsoleApp'>

    {% if error_message %}
        {{ error_message }}
    {% else %}
        <serial-console connection='"{{console_url}}"' protocols='{{protocols}}'></serial-console>
    {% endif %}

</body>
</html>

{% load i18n %}
<!DOCTYPE html>
<html>
<head>
  <meta content='IE=edge' http-equiv='X-UA-Compatible' />
  <meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
  <title>{{page_title}}</title>
  {% load compress %}
  {% compress css %}
  <link rel="stylesheet" href="{{ STATIC_URL }}dashboard/scss/serial_console.scss" type="text/scss" media="screen" />
  {% endcompress %}
  <script src="{% url 'horizon:jsi18n' 'horizon' %}"></script>
  <script src='{{ STATIC_URL }}horizon/lib/termjs/term.js'></script>
  <script src="{{ STATIC_URL }}horizon/lib/jquery/jquery.js"></script>
  <script src="{{ STATIC_URL }}horizon/lib/angular/angular.js"></script>
  <script src="{{ STATIC_URL }}js/angular/directives/serialConsole.js"></script>
</head>
<body ng-app='serialConsoleApp'>

    {% if error_message %}
        {{ error_message }}
    {% else %}
        <serial-console connection='"{{console_url}}"' protocols='{{protocols}}'></serial-console>
    {% endif %}

</body>
</html>

Fix link to serial console stylesheet
Fix link to serial console stylesheet

The serial_console.css stylesheet was renamed to serial_console.scss in
commit 09706c6e3754c218b00dcaf210629aa6970dc80a, but the link
referencing it in the serial console template was not updated. As a
result the serial console is displayed with a proportional font.

This commit updates the stylesheet link and adds a compress block to
compile it from SCSS to CSS.

Change-Id: Ic8abc970e76cb67c79c2335370c63e235a23eb5a
Closes-Bug: #1714311
