From 9d469874c056f7ee7c673d6eb7f4eeee4f566505 Mon Sep 17 00:00:00 2001
From: Matt <mtt.lov@gmail.com>
Date: Fri, 20 Aug 2021 08:06:41 -0700
Subject: [PATCH] #6881: Improve device IP address styles

---
 netbox/project-static/dist/netbox-dark.css  | Bin 808185 -> 808198 bytes
 netbox/project-static/dist/netbox-light.css | Bin 502738 -> 502717 bytes
 netbox/project-static/dist/netbox-print.css | Bin 1659146 -> 1659423 bytes
 netbox/project-static/styles/netbox.scss    |  19 +++++++++++--------
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/netbox/project-static/dist/netbox-dark.css b/netbox/project-static/dist/netbox-dark.css
index 6be4204fc96b1ed6065e6209dd87a5afad579c9f..597a969691dcffc312533f8d6f98c67c94bd58cb 100644
GIT binary patch
delta 150
zcmeyl(y(onVM7aJ3sVbo3rh=Y3tJ0&3r7oQ3s(#G7M^qN(+fR#^rpZ5$1OMgy9bZj
z^a-jwY}4aCc;uz5^72bG^pX-&(o;373ldXOGV{`{3>5UtOeZ^<s3H_fK-7ShTjeAc
pm+0oF>6TO$q)ykq&aF5-{~0&i^x1i=O4H-Ld3d&Kdh%T01^_vFGPeK#

delta 112
zcmZo$W%zTYVM7aJ3sVbo3rh=Y3tJ0&3r7oQ3s(#G7M^qN)6WX?bWeBi;8C4^+nq;I
zu^=%eB{MJGO3&CdHCI8;3`kn%CKjb<=INH?7g*^TO+Q$`DLj2c83)_+9o3w2)1^Fk
Q)TVj!@N75p<hj5N0F3D+l>h($

diff --git a/netbox/project-static/dist/netbox-light.css b/netbox/project-static/dist/netbox-light.css
index e321f1d509393ce26be5bae536c48c49da27ecfd..f3a42a28d622f12c90b9a7d5f502b773d8a14b2b 100644
GIT binary patch
delta 143
zcmca~U2gAnxrP?T7N!>F7M2#)7Pc+y@r$NESj4WUn3kVcqFbC<m1?DDVQyNKnrjUf
zDNoHz&nU4nF))~Zd=a~vj8$HKiH2TMVoG|dW_3YgN=jy4x|M-~o|$QCE?9*GL=vpd
gDkrhHL^nT8x1_Qlb-H*syCSO|$ms2vi`g?d0IOg!PXGV_

delta 106
zcmdmcUGCC#xrP?T7N!>F7M2#)7Pc+y@r$O%)w5?#|G0=<b$ZSscE#!D4eTO<xrs&T
znR&V;`2|*bMy5rnxzhtpSVa}B)AI95bc-{qQmypNLBbG$^3=@qj1nso1B2}$i`g?d
E03?4USpWb4

diff --git a/netbox/project-static/dist/netbox-print.css b/netbox/project-static/dist/netbox-print.css
index 4bfbe2c3138cd41e91cce084ad5c224c896c8efd..e9c2621b2b73b71c02a2e1f8c20bb19664e91154 100644
GIT binary patch
delta 300
zcmeBLlsbP&YC{WS3sVbo3rh=Y3tJ0&3r7oQ3s(zw3r`Dg3ttO=i$IHDi%^Sji%5%T
zi&%?zi^LX5e)H+8EhKrT=UYh1P7lbG;F%s^A=x>7!BPpi>4uh);?p<eNU%-+YbGfK
zR>y6XmtUfxmz0>2o;qD{4Wr8R4Ou{WpdNWHgw*r{(}dNgZ(x#Sn?4gLBZZJj)vPW^
zOi9ViOSdvm&@(fg9H=6OW(6zQ^yv#9Nr+5O43#iJ*nlRZH+cgOJHi%ZS+Ot)h3WgP
b7$v8_x0K|c-f1Z*J2^m*ZF`la<OFd5G(};=

delta 167
zcmbQgB(-Z%YC{WS3sVbo3rh=Y3tJ0&3r7oQ3s(zw3r`Dg3ttO=i$IHDi%^Sji%5%T
zi&%?zi^LX5e)H*Kjoh-60|eQoZ^)8hn;vT+DFhNynZAKZl5KjQIgo38QKDx0h8&>m
zUo**z)2CdP5E05vEK1MJ(=Ev_u+lR!ElSO`p8oKikjV6?nZk0@-<V5^PhVgo$v=Ib
Ol_c2k?fq7g6T|`YFE|PS

diff --git a/netbox/project-static/styles/netbox.scss b/netbox/project-static/styles/netbox.scss
index 8f0f174c1..2e1cd3482 100644
--- a/netbox/project-static/styles/netbox.scss
+++ b/netbox/project-static/styles/netbox.scss
@@ -806,18 +806,21 @@ table tbody {
 // Style objects with statuses/roles within a table. As of implementation, used for IP addresses
 // assigned to interfaces.
 table .table-badge-group {
-  font-family: $font-family-monospace;
-
   .table-badge {
     display: block;
     width: min-content;
-    // Apply badge padding so that IP addresses *not* within a badge appear aligned with IP
-    // addresses that *are* within a badge.
-    padding: $badge-padding-y $badge-padding-x;
-    margin-top: map.get($spacers, 1);
-    margin-bottom: map.get($spacers, 1);
-    font-size: $font-size-xs;
+    font-size: $font-size-sm;
     font-weight: $font-weight-base;
+
+    &:not(.badge) {
+      // Apply badge horizontal padding so that IP addresses *not* within a badge appear aligned
+      // with IP addresses that *are* within a badge.
+      padding: 0 $badge-padding-x;
+    }
+
+    &.badge:not(:last-of-type):not(:only-child) {
+      margin-bottom: map.get($spacers, 2);
+    }
   }
 }