luci-app-olsr change ccs style to use class "left" instead of "style=text-align:...
authorpmelange <isprotejesvalkata@gmail.com>
Sat, 17 Nov 2018 22:40:37 +0000 (23:40 +0100)
committerpmelange <isprotejesvalkata@gmail.com>
Thu, 6 Dec 2018 19:57:35 +0000 (20:57 +0100)
Signed-off-by: pmelange <isprotejesvalkata@gmail.com>
applications/luci-app-olsr-services/luasrc/view/freifunk-services/services.htm
applications/luci-app-olsr/luasrc/view/status-olsr/hna.htm
applications/luci-app-olsr/luasrc/view/status-olsr/interfaces.htm
applications/luci-app-olsr/luasrc/view/status-olsr/mid.htm
applications/luci-app-olsr/luasrc/view/status-olsr/neighbors.htm
applications/luci-app-olsr/luasrc/view/status-olsr/routes.htm
applications/luci-app-olsr/luasrc/view/status-olsr/smartgw.htm
applications/luci-app-olsr/luasrc/view/status-olsr/topology.htm

index d1fdb22852f1eafd9c9b87014714845cd26c3f02..f6a81d0020d2ad620ad5a44809e8de5104103be4 100644 (file)
@@ -132,9 +132,9 @@ end
                                var service = info[idx];
                                s += String.format(
                                        '<div class="tr cbi-section-table-row cbi-rowstyle-'+(1 + (idx % 2))+'">' +
-                                               '<div class="td cbi-section-table-cell" style="text-align: left"><a href="%s">%s</a></div>' +
-                                               '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                               '<div class="td cbi-section-table-cell" style="text-align: left"><a href="http://%s/cgi-bin-status.html">%s</a></div>' +
+                                               '<div class="td cbi-section-table-cell left"><a href="%s">%s</a></div>' +
+                                               '<div class="td cbi-section-table-cell left">%s</div>' +
+                                               '<div class="td cbi-section-table-cell left"><a href="http://%s/cgi-bin-status.html">%s</a></div>' +
                                        '</div>',
                                        service.url, service.descr, service.proto, service.origin_link, service.origin || '?'
                                        );
@@ -175,9 +175,9 @@ end
                        %>
 
                        <div class="tr cbi-section-table-row cbi-rowstyle-<%=i%>">
-                               <div class="td cbi-section-table-cell" style="text-align: left"><a href="<%=url%>"><%=descr%></a></div>
-                               <div class="td cbi-section-table-cell" style="text-align: left"><%=proto%></div>
-                               <div class="td cbi-section-table-cell" style="text-align: left"><a href="http://<%=origin_link%>/cgi-bin-status.html"><%=origin%></a></div>
+                               <div class="td cbi-section-table-cell left"><a href="<%=url%>"><%=descr%></a></div>
+                               <div class="td cbi-section-table-cell left"><%=proto%></div>
+                               <div class="td cbi-section-table-cell left"><a href="http://<%=origin_link%>/cgi-bin-status.html"><%=origin%></a></div>
                        </div>
                        <% i = ((i % 2) + 1)
                end %>
index 29832f1350cb441e27052b144c77d93df5b23864..85cdc5f4796d17edfc00e72c8bad83166708728d 100644 (file)
@@ -62,9 +62,9 @@ XHR.poll(10, '<%=REQUEST_URI%>', { status: 1 },
                        }
 
                        s += String.format(
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>', hna.destination + '/' + hna.genmask, linkgw + hostname, validity
+                                '<div class="td cbi-section-table-cell left">%s</div>' +
+                                '<div class="td cbi-section-table-cell left">%s</div>' +
+                                '<div class="td cbi-section-table-cell left">%s</div>', hna.destination + '/' + hna.genmask, linkgw + hostname, validity
                                 )
                        s += '</div>'
                }
@@ -90,8 +90,8 @@ XHR.poll(10, '<%=REQUEST_URI%>', { status: 1 },
                <% for k, route in ipairs(hna) do %>
 
                <div class="tr cbi-section-table-row cbi-rowstyle-<%=i%> proto-<%=hna[k].proto%>">
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=hna[k].destination%>/<%=hna[k].genmask%> </div>
-                       <div class="td cbi-section-table-cell" style="text-align: left">
+                       <div class="td cbi-section-table-cell left"><%=hna[k].destination%>/<%=hna[k].genmask%> </div>
+                       <div class="td cbi-section-table-cell left">
                                <% if hna[k].proto == '6' then %>
                                <a href="http://[<%=hna[k].gateway%>]/cgi-bin-status.html"><%=hna[k].gateway%></a>
                                <% else %>
@@ -107,7 +107,7 @@ XHR.poll(10, '<%=REQUEST_URI%>', { status: 1 },
                                validity = '-'
                        end %>
 
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=validity%></div>
+                       <div class="td cbi-section-table-cell left"><%=validity%></div>
                </div>
 
                <% i = ((i % 2) + 1)
index 639dbc23e9ed950b3d95ed9e9c387b19167a6425..12f7cba967ce181271610e23b2126002ae06ffab 100644 (file)
@@ -33,14 +33,14 @@ local i = 1
                <% for k, iface in ipairs(iface) do %>
 
                <div class="tr cbi-section-table-row cbi-rowstyle-<%=i%> proto-<%=iface.proto%>">
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=iface.interface%></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=iface.name%></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=iface.olsrInterface.up and luci.i18n.translate('up') or luci.i18n.translate('down')%></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=iface.olsrInterface.mtu%></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=iface.olsrInterface.wireless and luci.i18n.translate('yes') or luci.i18n.translate('no')%></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=iface.olsrInterface.ipAddress%></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=iface.olsrInterface.ipv4Address ~= '0.0.0.0' and iface.olsrInterface.ipv4Netmask%></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=iface.olsrInterface.ipv4Address ~= '0.0.0.0' and iface.olsrInterface.ipv4Broadcast or iface.olsrInterface.ipv6Multicast%></div>
+                       <div class="td cbi-section-table-cell left"><%=iface.interface%></div>
+                       <div class="td cbi-section-table-cell left"><%=iface.name%></div>
+                       <div class="td cbi-section-table-cell left"><%=iface.olsrInterface.up and luci.i18n.translate('up') or luci.i18n.translate('down')%></div>
+                       <div class="td cbi-section-table-cell left"><%=iface.olsrInterface.mtu%></div>
+                       <div class="td cbi-section-table-cell left"><%=iface.olsrInterface.wireless and luci.i18n.translate('yes') or luci.i18n.translate('no')%></div>
+                       <div class="td cbi-section-table-cell left"><%=iface.olsrInterface.ipAddress%></div>
+                       <div class="td cbi-section-table-cell left"><%=iface.olsrInterface.ipv4Address ~= '0.0.0.0' and iface.olsrInterface.ipv4Netmask%></div>
+                       <div class="td cbi-section-table-cell left"><%=iface.olsrInterface.ipv4Address ~= '0.0.0.0' and iface.olsrInterface.ipv4Broadcast or iface.olsrInterface.ipv6Multicast%></div>
                </div>
                <% i = ((i % 2) + 1)
                end %>
index 705b905e9001ae8dc559eab3dd64d243fa3a62af..469d89111aebc6a8c6ccfbc07c8fed7cfc92b153 100644 (file)
@@ -38,8 +38,8 @@ local i = 1
                %>
 
                <div class="tr cbi-section-table-row cbi-rowstyle-<%=i%> proto-<%=mid.proto%>">
-                       <div class="td cbi-section-table-cell" style="text-align: left"><a href="http://<%=host%>/cgi-bin-status.html"><%=mid.main.ipAddress%></a></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=aliases%></div>
+                       <div class="td cbi-section-table-cell left"><a href="http://<%=host%>/cgi-bin-status.html"><%=mid.main.ipAddress%></a></div>
+                       <div class="td cbi-section-table-cell left"><%=aliases%></div>
                </div>
 
                <% i = ((i % 2) + 1)
index 4432cb541647104d09dc7801dc923b9829515950..262326b490f9f3167b87a6fbb7abca0edea81f56 100644 (file)
@@ -64,34 +64,34 @@ end
                                        if (neigh.proto == '6') {
                                                s += String.format(
                                                        '<div class="tr cbi-section-table-row cbi-rowstyle-'+(1 + (idx % 2))+' proto-%s">' +
-                                                       '<div class="td cbi-section-table-cell" style="background-color:%s; text-align: left"><a href="http://[%s]/cgi-bin-status.html">%s</a></div>',
+                                                       '<div class="td cbi-section-table-cell left" style="background-color:%s"><a href="http://[%s]/cgi-bin-status.html">%s</a></div>',
                                                        neigh.proto, neigh.dfgcolor, neigh.rip, neigh.rip
                                                );
                                        } else {
                                                s += String.format(
                                                        '<div class="tr cbi-section-table-row cbi-rowstyle-'+(1 + (idx % 2))+' proto-%s">' +
-                                                       '<div class="td cbi-section-table-cell" style="background-color:%s; text-align: left"><a href="http://%s/cgi-bin-status.html">%s</a></div>',
+                                                       '<div class="td cbi-section-table-cell left" style="background-color:%s"><a href="http://%s/cgi-bin-status.html">%s</a></div>',
                                                        neigh.proto, neigh.dfgcolor, neigh.rip, neigh.rip
                                                );
                                        }
                                        if (neigh.hn) {
                                                s += String.format(
-                                                       '<div class="td cbi-section-table-cell" style="background-color:%s; text-align: left"><a href="http://%s/cgi-bin-status.html">%s</a></div>',
+                                                       '<div class="td cbi-section-table-cell left" style="background-color:%s"><a href="http://%s/cgi-bin-status.html">%s</a></div>',
                                                        neigh.dfgcolor, neigh.hn, neigh.hn
                                                );
                                        } else {
                                                s += String.format(
-                                                       '<div class="td cbi-section-table-cell" style="background-color:%s; text-align: left">?</div>',
+                                                       '<div class="td cbi-section-table-cell left" style="background-color:%s">?</div>',
                                                        neigh.dfgcolor
                                                );
                                        }
                                        s += String.format(
-                                               '<div class="td cbi-section-table-cell" style="background-color:%s; text-align: left">%s</div>' +
-                                               '<div class="td cbi-section-table-cell" style="background-color:%s; text-align: left">%s</div>' +
-                                               '<div class="td cbi-section-table-cell" style="background-color:%s; text-align: left">%s</div>' +
-                                               '<div class="td cbi-section-table-cell" style="background-color:%s; text-align: left">%s</div>' +
-                                               '<div class="td cbi-section-table-cell" style="background-color:%s; text-align: left">%s</div>' +
-                                               '<div class="td cbi-section-table-cell" style="background-color:%s; text-align: left" title="Signal: %s Noise: %s">%s</div>' +
+                                               '<div class="td cbi-section-table-cell left" style="background-color:%s">%s</div>' +
+                                               '<div class="td cbi-section-table-cell left" style="background-color:%s">%s</div>' +
+                                               '<div class="td cbi-section-table-cell left" style="background-color:%s">%s</div>' +
+                                               '<div class="td cbi-section-table-cell left" style="background-color:%s">%s</div>' +
+                                               '<div class="td cbi-section-table-cell left" style="background-color:%s">%s</div>' +
+                                               '<div class="td cbi-section-table-cell left" style="background-color:%s title="Signal: %s Noise: %s">%s</div>' +
                                                '</div>',
                                                neigh.dfgcolor, neigh.ifn, neigh.dfgcolor, neigh.lip, neigh.dfgcolor, neigh.lq, neigh.dfgcolor, neigh.nlq, neigh.color, neigh.cost, neigh.snr_color, neigh.signal, neigh.noise, neigh.snr || '?'
                                        );
@@ -145,17 +145,17 @@ end
 
                <div class="tr cbi-section-table-row cbi-rowstyle-<%=i%> proto-<%=link.proto%>">
                        <% if link.proto == "6" then %>
-                       <div class="td cbi-section-table-cell" style="background-color:<%=defaultgw_color%>; text-align: left"><a href="http://[<%=link.remoteIP%>]/cgi-bin-status.html"><%=link.remoteIP%></a></div>
+                       <div class="td cbi-section-table-cell left" style="background-color:<%=defaultgw_color%>"><a href="http://[<%=link.remoteIP%>]/cgi-bin-status.html"><%=link.remoteIP%></a></div>
                        <% else %>
-                       <div class="td cbi-section-table-cell" style="background-color:<%=defaultgw_color%>; text-align: left"><a href="http://<%=link.remoteIP%>/cgi-bin-status.html"><%=link.remoteIP%></a></div>
+                       <div class="td cbi-section-table-cell left" style="background-color:<%=defaultgw_color%>"><a href="http://<%=link.remoteIP%>/cgi-bin-status.html"><%=link.remoteIP%></a></div>
                        <% end %>
-                       <div class="td cbi-section-table-cell" style="background-color:<%=defaultgw_color%>; text-align: left"><a href="http://<%=link.hostname%>/cgi-bin-status.html"><%=link.hostname%></a></div>
-                       <div class="td cbi-section-table-cell" style="background-color:<%=defaultgw_color%>; text-align: left"><%=link.interface%></div>
-                       <div class="td cbi-section-table-cell" style="background-color:<%=defaultgw_color%>; text-align: left"><%=link.localIP%></div>
-                       <div class="td cbi-section-table-cell" style="background-color:<%=defaultgw_color%>; text-align: left"><%=string.format("%.3f", link.linkQuality)%></div>
-                       <div class="td cbi-section-table-cell" style="background-color:<%=defaultgw_color%>; text-align: left"><%=string.format("%.3f", link.neighborLinkQuality)%></div>
-                       <div class="td cbi-section-table-cell" style="background-color:<%=color%>; text-align: left"><%=string.format("%.3f", link.linkCost)%></div>
-                       <div class="td cbi-section-table-cell" style="background-color:<%=snr_color%>; text-align: left" title="Signal: <%=link.signal%> Noise: <%=link.noise%>"><%=link.snr%></div>
+                       <div class="td cbi-section-table-cell left" style="background-color:<%=defaultgw_color%>"><a href="http://<%=link.hostname%>/cgi-bin-status.html"><%=link.hostname%></a></div>
+                       <div class="td cbi-section-table-cell left" style="background-color:<%=defaultgw_color%>"><%=link.interface%></div>
+                       <div class="td cbi-section-table-cell left" style="background-color:<%=defaultgw_color%>"><%=link.localIP%></div>
+                       <div class="td cbi-section-table-cell left" style="background-color:<%=defaultgw_color%>"><%=string.format("%.3f", link.linkQuality)%></div>
+                       <div class="td cbi-section-table-cell left" style="background-color:<%=defaultgw_color%>"><%=string.format("%.3f", link.neighborLinkQuality)%></div>
+                       <div class="td cbi-section-table-cell left" style="background-color:<%=color%>"><%=string.format("%.3f", link.linkCost)%></div>
+                       <div class="td cbi-section-table-cell left" style="background-color:<%=snr_color%>" title="Signal: <%=link.signal%> Noise: <%=link.noise%>"><%=link.snr%></div>
                </div>
                <% 
                        i = ((i % 2) + 1)
index a03bd5ad27852c84f4dfc84ae7b74d1cb09b8cb7..ba738c016db8992825245727b631d4d9ac207049 100644 (file)
@@ -50,8 +50,8 @@ XHR.poll(20, '<%=REQUEST_URI%>', { status: 1 },
 
                                        s += String.format(
                                                '<div class="tr cbi-section-table-row cbi-rowstyle-'+(1 + (idx % 2))+' proto-%s">' +
-                                                       '<div class="td cbi-section-table-cell" style="text-align: left">%s/%s</div>' +
-                                                       '<div class="td cbi-section-table-cell" style="text-align: left">' +
+                                                       '<div class="td cbi-section-table-cell left">%s/%s</div>' +
+                                                       '<div class="td cbi-section-table-cell left">' +
                                                                '<a href="http://%s/cgi-bin-status.html">%s</a>',
                                                                route.proto, route.dest, route.genmask, route.gw, route.gw
                                                )
@@ -72,9 +72,9 @@ XHR.poll(20, '<%=REQUEST_URI%>', { status: 1 },
                                        }
                                        s += String.format(
                                                        '</div>' +
-                                                       '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                                       '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                                       '<div class="td cbi-section-table-cell" style="background-color:%s; text-align: left">%s</div>' +
+                                                       '<div class="td cbi-section-table-cell left">%s</div>' +
+                                                       '<div class="td cbi-section-table-cell left">%s</div>' +
+                                                       '<div class="td cbi-section-table-cell left" style="background-color:%s">%s</div>' +
                                                '</div>',
                                                route.interface, route.metric, route.color, route.etx || '?'
                                        );
@@ -110,8 +110,8 @@ XHR.poll(20, '<%=REQUEST_URI%>', { status: 1 },
        %>
 
                <div class="tr cbi-section-table-row cbi-rowstyle-<%=i%> proto-<%=route.proto%>">
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=route.destination%>/<%=route.genmask%></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left">
+                       <div class="td cbi-section-table-cell left"><%=route.destination%>/<%=route.genmask%></div>
+                       <div class="td cbi-section-table-cell left">
                                <% if route.proto == '6' then %>
                                <a href="http://[<%=route.gateway%>]/cgi-bin-status.html"><%=route.gateway%></a>
                                <% else  %>
@@ -121,9 +121,9 @@ XHR.poll(20, '<%=REQUEST_URI%>', { status: 1 },
                                        / <a href="http://<%=route.Hostname%>/cgi-bin-status.html"><%=route.hostname%></a>  
                                <% end %>
                        </div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=route.networkInterface%></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=route.metric%></div>
-                       <div class="td cbi-section-table-cell" style="background-color:<%=color%>; text-align: left"><%=string.format("%.3f", ETX)%></div>
+                       <div class="td cbi-section-table-cell left"><%=route.networkInterface%></div>
+                       <div class="td cbi-section-table-cell left"><%=route.metric%></div>
+                       <div class="td cbi-section-table-cell left" style="background-color:<%=color%>"><%=string.format("%.3f", ETX)%></div>
                </div>
        <% 
                i = ((i % 2) + 1)
index 56dd868381f11902bdf2cf17fd7d4ee20dd2a4b2..fc86e17d9c4f094b34eaf7cd4fe355e83fc3424a 100644 (file)
@@ -64,15 +64,15 @@ XHR.poll(10, '<%=REQUEST_URI%>', { status: 1 },
                        }
 
                        s += String.format(
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>' +
-                                '<div class="td cbi-section-table-cell" style="text-align: left">%s</div>',
+                                '<div class="td cbi-section-table-cell left">%s</div>' +
+                                '<div class="td cbi-section-table-cell left">%s</div>' +
+                                '<div class="td cbi-section-table-cell left">%s</div>' +
+                                '<div class="td cbi-section-table-cell left">%s</div>' +
+                                '<div class="td cbi-section-table-cell left">%s</div>' +
+                                '<div class="td cbi-section-table-cell left">%s</div>' +
+                                '<div class="td cbi-section-table-cell left">%s</div>' +
+                                '<div class="td cbi-section-table-cell left">%s</div>' +
+                                '<div class="td cbi-section-table-cell left">%s</div>',
                                linkgw, smartgw.selected, smartgw.cost, smartgw.hops, smartgw.uplink, smartgw.downlink, smartgw.v4, smartgw.v6, smartgw.prefix
                                 )
                        s += '</div>'
@@ -115,19 +115,19 @@ XHR.poll(10, '<%=REQUEST_URI%>', { status: 1 },
 
                        <div class="tr cbi-section-table-row cbi-rowstyle-<%=i%> proto-<%=proto%>">
                                <% if gw.proto == '6' then %>
-                                       <div class="td cbi-section-table-cell" style="text-align: left"><a href="http://[<%=gw.originator%>]/cgi-bin-status.html"><%=gw.originator%></a></div>
+                                       <div class="td cbi-section-table-cell left"><a href="http://[<%=gw.originator%>]/cgi-bin-status.html"><%=gw.originator%></a></div>
                                <% else %>
-                                       <div class="td cbi-section-table-cell" style="text-align: left"><a href="http://<%=gw.originator%>/cgi-bin-status.html"><%=gw.originator%></a></div>
+                                       <div class="td cbi-section-table-cell left"><a href="http://<%=gw.originator%>/cgi-bin-status.html"><%=gw.originator%></a></div>
                                <% end %>
 
-                               <div class="td cbi-section-table-cell" style="text-align: left"><%=gw.selected and luci.i18n.translate('yes') or luci.i18n.translate('no')%></div>
-                               <div class="td cbi-section-table-cell" style="text-align: left"><%=gw.cost > 0 and string.format("%.3f", gw.cost) or luci.i18n.translate('infinate')%></div>
-                               <div class="td cbi-section-table-cell" style="text-align: left"><%=gw.hops%></div>
-                               <div class="td cbi-section-table-cell" style="text-align: left"><%=gw.uplink%></div>
-                               <div class="td cbi-section-table-cell" style="text-align: left"><%=gw.downlink%></div>
-                               <div class="td cbi-section-table-cell" style="text-align: left"><%=gw.IPv4 and luci.i18n.translate('yes') or luci.i18n.translate('no')%></div>
-                               <div class="td cbi-section-table-cell" style="text-align: left"><%=gw.IPv6 and luci.i18n.translate('yes') or luci.i18n.translate('no')%></div>
-                               <div class="td cbi-section-table-cell" style="text-align: left"><%=gw.prefix%></div>
+                               <div class="td cbi-section-table-cell left"><%=gw.selected and luci.i18n.translate('yes') or luci.i18n.translate('no')%></div>
+                               <div class="td cbi-section-table-cell left"><%=gw.cost > 0 and string.format("%.3f", gw.cost) or luci.i18n.translate('infinate')%></div>
+                               <div class="td cbi-section-table-cell left"><%=gw.hops%></div>
+                               <div class="td cbi-section-table-cell left"><%=gw.uplink%></div>
+                               <div class="td cbi-section-table-cell left"><%=gw.downlink%></div>
+                               <div class="td cbi-section-table-cell left"><%=gw.IPv4 and luci.i18n.translate('yes') or luci.i18n.translate('no')%></div>
+                               <div class="td cbi-section-table-cell left"><%=gw.IPv6 and luci.i18n.translate('yes') or luci.i18n.translate('no')%></div>
+                               <div class="td cbi-section-table-cell left"><%=gw.prefix%></div>
                        </div>
 
                        <% i = ((i % 2) + 1)
index 70b3d998544eb22c431089489a7aa70b57c264c4..fe673c41112ffc7aea22a7a339167740a56794bf 100644 (file)
@@ -37,19 +37,19 @@ local olsrtools = require "luci.tools.olsr"
 
                        <% if route.proto == "6" then %>
 
-                       <div class="td cbi-section-table-cell" style="text-align: left"><a href="http://[<%=route.destinationIP%>]/cgi-bin-status.html"><%=route.destinationIP%></a></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><a href="http://[<%=route.lastHopIP%>]/cgi-bin-status.html"><%=route.lastHopIP%></a></div>
+                       <div class="td cbi-section-table-cell left"><a href="http://[<%=route.destinationIP%>]/cgi-bin-status.html"><%=route.destinationIP%></a></div>
+                       <div class="td cbi-section-table-cell left"><a href="http://[<%=route.lastHopIP%>]/cgi-bin-status.html"><%=route.lastHopIP%></a></div>
 
                        <% else %>
 
-                       <div class="td cbi-section-table-cell" style="text-align: left"><a href="http://<%=route.destinationIP%>/cgi-bin-status.html"><%=route.destinationIP%></a></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><a href="http://<%=route.lastHopIP%>/cgi-bin-status.html"><%=route.lastHopIP%></a></div>
+                       <div class="td cbi-section-table-cell left"><a href="http://<%=route.destinationIP%>/cgi-bin-status.html"><%=route.destinationIP%></a></div>
+                       <div class="td cbi-section-table-cell left"><a href="http://<%=route.lastHopIP%>/cgi-bin-status.html"><%=route.lastHopIP%></a></div>
 
                        <%end%>
 
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=lq%></div>
-                       <div class="td cbi-section-table-cell" style="text-align: left"><%=nlq%></div>
-                       <div class="td cbi-section-table-cell" style="background-color:<%=color%>; text-align: left"><%=cost%></div>
+                       <div class="td cbi-section-table-cell left"><%=lq%></div>
+                       <div class="td cbi-section-table-cell left"><%=nlq%></div>
+                       <div class="td cbi-section-table-cell left" style="background-color:<%=color%>"><%=cost%></div>
                </div>
 
                <%      i = ((i % 2) + 1)