added first ui layout calculations