Publish sample to Github Pages

README.MD

@@ -38,6 +38,9 @@ Features:
 |     Vertical calendar      |     ✅     |
 |      Range selection       |     ✅     |
 
+You can test Web version here: [Web Demo](https://wojciechosak.github.io/Calendar/)
+It is builded sample app and distributed by Github Pages.
+
 ---
 
 # Setup
@@ -127,10 +130,6 @@ Each view get as parameter day cell composable. Thanks to that your calendar can
 
 # Samples:
 
-You can test Web version here: [Web Demo](https://wojciechosak.github.io/Calendar/)
-It is builded sample app and distributed by Github Pages. 
-
-
 In directory sample you can find bunch of examples. You can run Android/iOS application and test it 
 yourself. Below you can find instruction how to run sample project on your computer.
 

sample/composeApp/src/commonMain/kotlin/io/wojciechosak/calendar/calendar/App.kt

@@ -81,7 +81,14 @@ internal fun App() {
 								.width(
 									when (getPlatformType()) {
 										PlatformType.MOBILE -> getScreenSizeInfo().widthDp
-										PlatformType.WEB -> getScreenSizeInfo().widthDp / 2
+										PlatformType.WEB -> {
+											val isShownOnMobile = getScreenSizeInfo().widthPx < 960
+											if(isShownOnMobile) {
+												getScreenSizeInfo().widthDp
+											} else {
+												getScreenSizeInfo().widthDp / 2
+											}
+										}
 										PlatformType.DESKTOP -> getScreenSizeInfo().widthDp / 2
 									}
 								) // Set the width to half of the screen width

sample/composeApp/src/commonMain/kotlin/io/wojciechosak/calendar/calendar/MenuScreen.kt

@@ -35,6 +35,7 @@ class MenuScreen : Screen {
             item { ScreenButton(RangeSelectionScreen(), "Range selection") }
             item { ScreenButton(FullDateScreen(), "Full date selector (day/month/year)") }
             item { Text("Lib version: 1.0.1") }
+			item {Text("${ getScreenSizeInfo().widthPx } / ${ getScreenSizeInfo()}")}
         }
     }