diff --git a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/desktop/partials/subscription/SubscriptionCard.gss b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/desktop/partials/subscription/SubscriptionCard.gss index 2b095b796d2..bcef85b47d0 100644 --- a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/desktop/partials/subscription/SubscriptionCard.gss +++ b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/desktop/partials/subscription/SubscriptionCard.gss @@ -320,23 +320,26 @@ margin: 0 auto; width: 140px; } - /* Small screens */ @media ( max-width: 400px) { - .featureCheck { - margin: 0 15px; - } - .featureNone { - margin: 0 15px; - } - .featureHeader { - -ms-writing-mode: tb-rl; - -webkit-writing-mode: vertical-rl; - writing-mode: vertical-rl; - transform: rotate(180deg); - white-space: nowrap; - width: auto; - } + .featureCheck { + margin: 0 0 0 8px; + } + .featureNone { + margin: 0 0 0 8px; + } + .featureHeader { + -ms-writing-mode: tb-rl; + -webkit-writing-mode: vertical-rl; + writing-mode: vertical-rl; + transform: rotate(180deg); + white-space: nowrap; + width: auto; + text-align: left; + } + .featureCheck img { + width: 19px; + } } .buttonWarning { diff --git a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/desktop/partials/subscription/SubscriptionCardContainer.java b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/desktop/partials/subscription/SubscriptionCardContainer.java index a562bc813f5..f3fae406978 100644 --- a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/desktop/partials/subscription/SubscriptionCardContainer.java +++ b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/desktop/partials/subscription/SubscriptionCardContainer.java @@ -2,6 +2,7 @@ package com.sap.sailing.gwt.home.desktop.partials.subscription; import java.util.ArrayList; import java.util.List; +import java.util.MissingResourceException; import com.google.gwt.core.client.GWT; import com.google.gwt.event.dom.client.ClickEvent; @@ -58,8 +59,8 @@ public class SubscriptionCardContainer extends Composite { for (final SubscriptionPlan.PlanCategory category : SubscriptionPlan.PlanCategory.getCategoriesWithFeature()) { rowIndex++; final Label title = new Label(i18n.getString(category.getId() + "_name")); - title.addStyleName(SubscriptionCardResources.INSTANCE.css().featureHeader()); featureGrid.setWidget(0, rowIndex, title); + featureGrid.getCellFormatter().addStyleName(0, rowIndex, SubscriptionCardResources.INSTANCE.css().featureHeader()); } // add features to list for (final String featureId : SubscriptionPlan.PlanCategory.getAllFeatureIds()) { @@ -76,23 +77,20 @@ public class SubscriptionCardContainer extends Composite { } private void addFeature(final String featureId) { - String titleString = i18n.getString(featureId + "_title"); - String descriptionString = i18n.getString(featureId + "_description"); - String urlString = i18n.getString(featureId + "_url"); int currentRowIndex = featureGrid.getRowCount(); // get size but index starts with 0 therefore row count is current index + 1 featureGrid.resizeRows(currentRowIndex + 1); VerticalPanel line = new VerticalPanel(); + String titleString = i18n.getString(featureId + "_title"); + String descriptionString = i18n.getString(featureId + "_description"); // title Label title = new Label(titleString); title.addStyleName(SubscriptionCardResources.INSTANCE.css().featureTitle()); line.add(title); // description - if (urlString == null || urlString.trim().isEmpty()) { - Label description = new Label(descriptionString); - description.addStyleName(SubscriptionCardResources.INSTANCE.css().featureDescription()); - line.add(description); - } else { + try { + String urlString = i18n.getString(featureId + "_url"); + // add a description with link SimplePanel descriptionWithLink = new SimplePanel(); HTML exampleLink = new HTML(descriptionString + "