diff --git a/style.css b/style.css index 737c361..8815ae4 100644 --- a/style.css +++ b/style.css @@ -71,11 +71,18 @@ svg { padding-right: 0.1em; } -.compact .ui.icon.buttons .mini.button { +.compact .ui.buttons .mini.button { padding: 0.5em; position: static; } .compact .ui.dropdown.button:not(.pointing):not(.floating).active { border-radius: 0; +} + +.compact .ui.dropdown .menu { + left: 0; + right: 0; + margin: -.7em .7em; + min-width: auto; } \ No newline at end of file diff --git a/templates/compact.xsl b/templates/compact.xsl index 4950607..55c210b 100755 --- a/templates/compact.xsl +++ b/templates/compact.xsl @@ -54,8 +54,10 @@ <main class="ui container"> <h1 class="ui header"><xsl:value-of select="$targets"/></h1> - <div class="ui doubling stackable four column compact grid"> - <xsl:apply-templates select="host | $init/host[not(address/@addr=$current/host/address/@addr)][not(status/@state='down')]"/> + <div class="form"> + <div class="ui doubling stackable four column compact grid"> + <xsl:apply-templates select="host | $init/host[not(address/@addr=$current/host/address/@addr)][not(status/@state='down')]"/> + </div> </div> </main> @@ -91,7 +93,7 @@ $('.ui.dropdown').dropdown() <div class="column"> <div> <xsl:attribute name="class"> - <xsl:text>ui fluid mini left icon compact input </xsl:text> + <xsl:text>ui fluid mini compact input </xsl:text> <xsl:if test="$currentHost/ports/port | $initHost/ports/port[not(@portid=$currentHost/ports/port/@portid)][not(state/@state='closed')]"> <xsl:text>action buttons </xsl:text> </xsl:if> @@ -100,7 +102,6 @@ $('.ui.dropdown').dropdown() <xsl:otherwise>error</xsl:otherwise> </xsl:choose> </xsl:attribute> - <i class="server icon"></i> <input type="text" readonly="" value="{substring-before(hostnames/hostname/@name, '.')}" placeholder="{address/@addr}" title="{$currentHost/hostnames/hostname/@name} ({address/@addr})" onfocus="this.value='{hostnames/hostname/@name}'; this.select()" onblur="this.value='{substring-before(hostnames/hostname/@name, '.')}'"