Minor UI changes to properly display on iPad Pro

demo/pages/__init__.py

@@ -51,7 +51,7 @@ css = """
 }
 
 .jupyter-widgets.leaflet-widgets {
-    height: 300px;
+    height: 280px;
     overflow: hidden;
 }
 
@@ -106,12 +106,12 @@ from .engine import run_engine
 languages = ["EN","TR"]
 lang = solara.reactive("EN")
 
-lbl_land_use_btn = [{'EN': 'school and hospital oriented',
-                     'TR': 'okul ve hastane odaklı'},
-                     {'EN': 'population increase oriented',
-                     'TR': 'nüfus artışı odaklı'},
-                     {'EN': 'green area oriented',
-                     'TR': 'Yeşil çevre odaklı'},]
+lbl_land_use_btn = [{'EN': 'more schools',
+                     'TR': 'okul odaklı'},
+                     {'EN': 'more population',
+                     'TR': 'nüfus odaklı'},
+                     {'EN': 'more green',
+                     'TR': 'Yeşil odaklı'},]
 lbl_maintitle = {'EN': 'Tomorrow\'s Cities Decision Making Simulation','TR': 'Yarının Şehirleri için Karar Verme Simülasyonu'}
 lbl_earthquake= {'EN': 'Earthquake', 'TR': 'Deprem'}
 lbl_flood = {'EN': 'Flood', 'TR': 'Sel'}
@@ -129,17 +129,16 @@ lbl_infobox = {'EN': f'''
                resilient city life where the decisions at the city scale  reduces the disaster risk in the future.
                In this simulation, we calculate possible disaster impacts calculated with Tomorrow's Cities Decision 
                Support System (TCDSE). The simulation shows how earthquake, flood and landslide hazards that may occur 
-               in an imaginary urban environment affect different urban scenarios. To use the simulation 1) Select the 
-               possible hazard 2) Select the possible city scenarios for the future 3) In order to reduce the impact 
-               against potential hazards; choose policies.
+               in an imaginary urban environment affect different urban scenarios. To use the simulation 1) Check land use 2) Select the 
+               possible hazard 3) Select the possible city scenarios for the future 4) choose policies 5) Run and check the metrics.
                ''', 
                "TR": f'''
             Aldığımız kararlar, geleceğimizi doğrudan etkilemektedir. Kent ölçeğinde alınan kararların, gelecekte afet riskini azaltacak 
-            nitelikte olması dayanıklı bir şehir hayatı için kritik öneme sahiptir.
+            nitelikte olması dayanıklı bir şehir hayatı için önemlidir.
             Bu simülasyonda, Yarının Şehirleri Karar Destek Sistemi (TCDSE) ile hesaplanan olası afet etkilerini hesaplıyoruz. Simülasyon, 
             hayali bir kent ortamında meydana gelebilecek deprem, sel ve heyelan tehlikelerinin, farklı kent senaryolarını nasıl etkilediğini gösteriyor. 
-            Simülasyonu kullanmak için 1) Olası tehlikeyi seçin 2) Geleceğe dair olası şehir senaryolarını seçin 3) Bu şehrin olası tehlikeler karşısında en 
-            az etkiye maruz kalması için; hangi politikalarla yönetileceğini seçin.'''}
+            Simülasyonu kullanmak için 1) Mevcut planı inceleyin 2) Olası tehlikeyi seçin 3) Geleceğe dair olası şehir senaryolarını seçin 
+            4) Politika seçin 5) Çalıştırın ve metrikleri inceleyin.'''}
 lbl_infobox_title = {'EN': '', 'TR': ''}
 lbl_landuse_plans_title = {'EN': '3. Future land uses', 'TR': '3. Geleceğin alternatif yerleşim planlarından birini seçin'}
 lbl_run_btn = {'EN': 'RUN', 'TR': 'ÇALIŞTIR'}
@@ -323,10 +322,10 @@ policies = [1,2,3,4,5,6]
 lbl_policy = dict()
 lbl_policy[1] = {'EN': 'Loans for reconstruction for minor to moderate damages', 
                  'TR': 'Küçük ila orta dereceli hasarlar için yeniden yapılanma kredileri'}
-lbl_policy[2] = {'EN': 'Knowledge sharing about disaster risk reduction in public and private schools', 
+lbl_policy[2] = {'EN': 'Knowledge sharing about disaster risk reduction in schools', 
                  'TR': 'Devlet ve özel okullarda afet risklerinin azaltılması hakkında bilgi paylaşımı'}
-lbl_policy[3] = {'EN': 'Cat-bond agreement for education and health facilities', 
-                 'TR': 'Eğitim ve sağlık tesisleri için afet bonosu'}
+lbl_policy[3] = {'EN': 'Catastrophe bond for education/health facilities', 
+                 'TR': 'Eğitim ve sağlık tesislerini yapılandırmak için afet bonosu'}
 lbl_policy[4] = {'EN': 'Repair loan assistance for flooding', 
                  'TR': 'Sel için onarım kredisi yardımı'}
 lbl_policy[5] = {'EN': 'Technical assistance for debris removal in education facilities', 
@@ -642,10 +641,11 @@ def Page():
     with solara.Columns([1,98,1]):
         solara.HTML(unsafe_innerHTML="")
         with solara.Column():
-            with solara.Columns(([10,80,10])):
-                solara.Button(label=lbl_reset[lang.value], on_click=reset_view, style="height: 26px;")
+            with solara.Columns(([10,80,10]), style="display: flex; justify-content: center; align-items: center;"):
+                solara.HTML(unsafe_innerHTML="")
+                #solara.Button(label=lbl_reset[lang.value], on_click=reset_view, style="height: 26px;")
                 solara.HTML(unsafe_innerHTML=lbl_maintitle[lang.value],classes=["maintitle"])
-                with solara.ToggleButtonsSingle(value=lang, style="align-items: center;"):
+                with solara.ToggleButtonsSingle(value=lang):
                     solara.Button(label="EN", value="EN", text=True,classes=["langbutton"],style="height: 26px;")
                     solara.Button(label="TR", value="TR", text=True,classes=["langbutton"],style="height: 26px;")
             with solara.Columns([50,50]):