diff --git a/static/css/product.css b/static/css/product.css index e1f717a..f395491 100644 --- a/static/css/product.css +++ b/static/css/product.css @@ -95,6 +95,8 @@ background-color: #ffff99; font-weight: bold; padding: 1em; + margin-top: 1em; + margin-bottom: 1em; } .hook_action { @@ -330,6 +332,7 @@ .upgrade_table_area { text-align: center; + margin-bottom: 1em; } .luminotes_online_link_area { @@ -350,7 +353,7 @@ } #upgrade_table th { - padding: 1em 1.5em 1em 1.5em; + padding: 0.5em 1.5em 0.5em 1.5em; border: 1px solid #999999; border-bottom: 1px solid #cccccc; } @@ -367,6 +370,7 @@ text-align: center; background-color: #fafafa; padding: 0.25em; + border: none; border-left: 1px solid #999999; border-right: 1px solid #999999; } @@ -389,6 +393,10 @@ text-decoration: none; } +.spacer_row { + height: 0.5em; +} + #upgrade_table .plan_name { font-size: 125%; } @@ -412,6 +420,10 @@ border-bottom: 2px solid #000000; } +#upgrade_table .focused_text { + margin-top: 0.5em; +} + .highlight { color: #ff6600; font-weight: bold; @@ -427,7 +439,7 @@ } #upgrade_table_small th { - padding: 1em 1.5em 1em 1.5em; + padding: 0.5em 1.5em 0.5em 1.5em; border: 1px solid #999999; border-bottom: 1px solid #cccccc; } @@ -440,6 +452,7 @@ text-align: center; background-color: #fafafa; padding: 0.25em; + border: none; border-left: 1px solid #999999; border-right: 1px solid #999999; } @@ -475,6 +488,10 @@ border-bottom: 2px solid #000000; } +#upgrade_table_small .focused_text { + margin-top: 0.5em; +} + .subscribe_button_area { padding-top: 0.5em; padding-bottom: 0.5em; diff --git a/view/Download_page.py b/view/Download_page.py index c74a31b..921451a 100644 --- a/view/Download_page.py +++ b/view/Download_page.py @@ -68,7 +68,7 @@ class Download_page( Product_page ): class_ = u"plan_name_area download_plan_width", ) ), - Tr( Td() ), + Tr( Td(), class_ = u"spacer_row" ), Tr( Td( Span( u"Solo", class_ = u"highlight" ), u"note taking", @@ -97,7 +97,7 @@ class Download_page( Product_page ): class_ = u"feature_value", ), ), - Tr( Td() ), + Tr( Td(), class_ = u"spacer_row" ), Tr( Td( u"Windows XP/Vista,", A( u"Linux source", href = u"/source_code" ), @@ -118,7 +118,7 @@ class Download_page( Product_page ): ), ), ), - Tr( Td() ), + Tr( Td(), class_ = u"spacer_row" ), border = u"1", id = u"upgrade_table", ), diff --git a/view/Upgrade_page.py b/view/Upgrade_page.py index da50dcb..65c32fe 100644 --- a/view/Upgrade_page.py +++ b/view/Upgrade_page.py @@ -299,6 +299,7 @@ class Upgrade_page( Product_page ): u"For", plan[ u"designed_for" ], class_ = u"small_text", ), + ( index == self.FOCUSED_PLAN ) and Div( u"Best value", class_ = u"focused_text highlight" ) or None, href = u"/sign_up?plan=%s&yearly=%s" % ( index, yearly ), ), class_ = u"plan_name_area plan_width" + ( index == self.FOCUSED_PLAN and u" focused_plan_name_area" or u"" ), @@ -326,4 +327,4 @@ class Upgrade_page( Product_page ): def spacer_row( self, rate_plans, bottom = False ): border_bottom = bottom and " focused_border_bottom" or "" - return Tr( [ Td( class_ = ( i == self.FOCUSED_PLAN and u"focused_feature_value" + border_bottom or u"" ) ) for i in range( len( rate_plans ) ) ] ) + return Tr( [ Td( class_ = ( i == self.FOCUSED_PLAN and u"focused_feature_value" + border_bottom or u"spacer_row" ) ) for i in range( len( rate_plans ) ) ], class_ = u"spacer_row" )