Index: lams_build/conf/whiteboard/readme.txt
===================================================================
diff -u -r1cb71fb7cfd13ce1de802d0a069ebe849466a7fc -rae5f13de8792e1d26a5c9771d7897f868f5bdeaf
--- lams_build/conf/whiteboard/readme.txt	(.../readme.txt)	(revision 1cb71fb7cfd13ce1de802d0a069ebe849466a7fc)
+++ lams_build/conf/whiteboard/readme.txt	(.../readme.txt)	(revision ae5f13de8792e1d26a5c9771d7897f868f5bdeaf)
@@ -22,4 +22,6 @@
    3.4 In s_whiteboard.js we introduce methods for copying and saving canvas contents.
    
    3.5 In index.html we hide some buttons
-       In index.html and index.js we hide Whiteboard contents until everything loads, otherwise the UI looks messed up at first.
\ No newline at end of file
+       In index.html and index.js we hide Whiteboard contents until everything loads, otherwise the UI looks messed up at first.
+       
+   3.6 In main.css we make buttons on iPad smaller. Otherwise they obstruct pretty much whole canvas. 
\ No newline at end of file
Index: lams_build/conf/whiteboard/src/css/main.css
===================================================================
diff -u
--- lams_build/conf/whiteboard/src/css/main.css	(revision 0)
+++ lams_build/conf/whiteboard/src/css/main.css	(revision ae5f13de8792e1d26a5c9771d7897f868f5bdeaf)
@@ -0,0 +1,216 @@
+:root {
+    --selected-icon-bg-color: #dfdfdf;
+}
+
+body {
+    position: relative;
+    margin: 0px;
+    height: calc(var(--vh, 1vh) * 100);
+    width: 100%;
+    overflow: hidden;
+    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica,
+        Arial, sans-serif;
+}
+
+#whiteboardContainer {
+    height: calc(var(--vh, 1vh) * 100);
+    width: 100%;
+}
+
+.btn-group button {
+    background: transparent;
+    border: 2px solid #636060;
+    margin: -1px;
+    /* Green border */
+    color: black;
+    /* White text */
+    padding: 11px 14px;
+    /* Some padding */
+    cursor: pointer;
+    /* Pointer/hand icon */
+    float: left;
+    /* Float the buttons side by side */
+    
+    
+/*
+LAMS: revert commit 
+https://github.com/cracker0dks/whiteboard/commit/105fccfc9b26dcf8a3e6934ff7126828ca11b538
+for 
+https://lamssupport.atlassian.net/browse/UMAN-16
+so buttons are not too large on iPads
+*/   
+    font-size: 1.2em;
+    height: 45px;
+    width: 50px;
+}
+
+
+
+.minGroup {
+    width: 25px;
+}
+
+/*
+@media (max-device-width: 1024px) {
+    .btn-group button {
+        font-size: 3em;
+        height: 135px;
+        width: 150px;
+    }
+
+    .minGroup {
+        width: 80px;
+    }
+}
+
+@media (min-device-width: 1024px) {
+    .btn-group button {
+        font-size: 1.2em;
+        height: 45px;
+        width: 50px;
+    }
+
+    .minGroup {
+        width: 25px;
+    }
+}
+
+END OF CUSTOMISATION
+*/
+
+button::-moz-focus-inner {
+    border: 0;
+}
+
+.whiteboard-edit-group.group-disabled {
+    background: repeating-linear-gradient(
+        45deg,
+        rgba(255, 166, 0, 0.366),
+        rgba(255, 166, 0, 0.366) 10px,
+        rgba(255, 166, 0, 0.666) 10px,
+        rgba(255, 166, 0, 0.666) 20px
+    );
+}
+
+/*
+ * Deactivate all pointer events on all the children
+ * of a group when it's disabled.
+ */
+.whiteboard-edit-group.group-disabled > * {
+    pointer-events: none;
+}
+
+/* Clear floats (clearfix hack) */
+
+.btn-group:after {
+    content: "";
+    clear: both;
+    display: table;
+}
+
+/* Add a background color on hover */
+
+.btn-group button:hover {
+    background-color: #9a9a9a;
+}
+
+button {
+    outline-width: 0;
+}
+
+.btn-group {
+    background-color: #808080ab;
+    margin-left: 5px;
+    margin-bottom: 5px;
+    float: left;
+    position: relative;
+}
+
+.whiteboard-tool.active:not(:disabled) {
+    background: var(--selected-icon-bg-color);
+}
+
+#whiteboardThicknessSlider {
+    -webkit-appearance: none;
+    width: 100%;
+    height: 10px;
+    border-radius: 3px;
+    background: transparent;
+    outline: none;
+    opacity: 1;
+    -webkit-transition: opacity 0.15s ease-in-out;
+    transition: opacity 0.15s ease-in-out;
+}
+
+.textBox.active {
+    border: 1px dashed gray;
+}
+
+.textBox > .removeIcon,
+.textBox > .moveIcon {
+    display: none;
+}
+
+.textBox.active > .removeIcon,
+.textBox.active > .moveIcon {
+    display: block;
+}
+
+.stickyNote {
+    width: 200px;
+    height: 200px;
+    box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
+    overflow-y: auto;
+}
+
+.modalBtn {
+    padding: 5px;
+    border-radius: 5px;
+    border: 0px;
+    min-width: 50px;
+    cursor: pointer;
+}
+
+#displayWhiteboardInfoBtn.active {
+    background: var(--selected-icon-bg-color);
+}
+
+#whiteboardInfoContainer {
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+}
+
+.displayNone {
+    display: none;
+}
+
+#shareWhiteboardDialog {
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba(1, 1, 1, 0.35);
+    z-index: 10000000000000;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+#shareWhiteboardDialogMessage {
+    background-color: lightgreen;
+    padding: 20px;
+    font-weight: bold;
+}
+
+.shareWhiteboardDialogContent {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+}
+
+.shareWhiteboardDialogItem {
+    padding: 5px;
+    margin: 5px;
+}