Refine ASN page content and styles for improved clarity. Update searchbar placeholder for better user guidance, adjust ASN name rendering in the template, and ensure transparent background for chart wrapper in styles.

Author: robin-rpr

routes/asn.py

@@ -187,7 +187,7 @@ def asn(asn):
     return render_template(
         'pages/asn.html', 
         asn=asn, 
-        as_name=asn_info_dict['as_name'] or f"AS{asn}",
+        as_name=asn_info_dict['as_name'],
         ipv4_count=ipv4_count,
         ipv6_count=ipv6_count,
         upstream_count=upstream_count,

static/styles/pages/_asn.scss

@@ -240,6 +240,8 @@
                                     color: inherit;
 
                                     .cds--cc--chart-wrapper {
+                                        background: transparent !important;
+
                                         svg.layout-svg-wrapper {
                                             cursor: crosshair;
 

templates/components/searchbar.html

@@ -15,7 +15,7 @@
         role="searchbox"
         autocomplete="off"
         id="searchbar"
-        placeholder="IP address/prefix, ASN, country code or community"
+        placeholder="Enter an IP address/prefix, ASN, country code or community"
         name="query"
     />
 </form>

templates/pages/asn.html

@@ -23,7 +23,7 @@
                     <a href="/" class="breadcrumbs__item">Home</a>
                 </div>
                 <h2 class="container__title" id="asn">
-                    AS{{ asn }} - {{ as_name }}
+                    AS{{ asn }}{% if as_name %}&nbsp;-&nbsp;{{ as_name }}{% endif %}
                 </h2>
             </div>
         </div>